Reland Input type=text Shadow DOM With Performance Improvement (#37483)

Depends on #37427.

In addition to the changes introduced by
https://github.com/servo/servo/pull/37065, there are several performance
improvements and nits as follows:
- Use the internal pseudo element for style matching, this will reduce
the performance regression by ~66%.
- Manual construction of the `Text` node inside a text container. This
is followed by the modification of the inner `Text` node instead of
using `SetTextContent` which is more expensive.
- Use `implemented_pseudo_element` instead of
`text_control_inner_editor` `NodeFlag` to handle the special cases that
these elements should follow, specifically the:
  - focus delegation workaround;
  - selections; and
  - line height resolving.
- More documentation.

Servo's side of: https://github.com/servo/stylo/pull/217

Testing: No new unexpected WPT failure, except for the one introduced by
https://github.com/servo/servo/pull/37065/.
Fixes: #36307 #37205

---------

Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>

components/layout/stylesheets/servo.css

@@ -19,6 +19,36 @@ textarea {
   font-size: 0.8333em;
 }
 
+input::-servo-text-control-inner-editor {
+  overflow-wrap: normal;
+  pointer-events: auto;
+}
+
+input::-servo-text-control-inner-container {
+  position: relative;
+  height: 100%;
+  pointer-events: none;
+  display: flex;
+}
+
+input:not(:placeholder-shown)::placeholder {
+  visibility: hidden !important
+}
+
+input::-servo-text-control-inner-editor, input::placeholder {
+  white-space: pre;
+  margin-block: auto !important;
+  inset-block: 0 !important;
+  block-size: fit-content !important;
+}
+
+input::placeholder {
+  overflow: hidden !important;
+  position: absolute !important;
+  color: grey !important;
+  pointer-events: none !important;
+}
+
 input::color-swatch {
   width: 100%;
   height: 100%;