Implement font-variant-position property

Implement CSS property font-variant-position [1], which is used to enable typographic subscript and superscript glyphs. The synthesis part is not implemented, i.e. if the corresponding glyphs are missing text will appear as normal.

[1] https://www.w3.org/TR/css-fonts-4/#propdef-font-variant-position

Change-Id: I6eee3da23d7032cfc53cc655f7cc1288c3e0e78e
Bug: 1212668
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4009265
Commit-Queue: Munira Tursunova <moonira@google.com>
Reviewed-by: Dominik Röttsches <drott@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1070334}
diff --git a/css/css-fonts/font-variant-position-02-ref.html b/css/css-fonts/font-variant-position-02-ref.html
index 07539e5..8b34fcb 100644
--- a/css/css-fonts/font-variant-position-02-ref.html
+++ b/css/css-fonts/font-variant-position-02-ref.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-<title>CSS Test:  font-variant-position: sub; low level equivalence</title>
+<title>CSS Test:  font-variant-position: super; low level equivalence</title>
 <link rel="author" title="Chris Lilley" href="chris@w3.org">
 <style>
   @font-face {
@@ -15,9 +15,11 @@
   }
 </style>
 <body>
-<p>Test passes if the three lines below are identical, with one checkmark (✓) followed by one cross (✗)</p>
+<p>Test passes if the three lines below are identical, with one cross (✗) followed by one checkmark (✓)  </p>
+<!-- Identical? If the UA is allowed to simulate subscripts and superscripts then the first line will use smaller glyphs than the second and third. Maybe "similar" and point out size doesn't matter on this test?  -->
+
 <section class="test">
-	<p class="ref">AB</p>
-	<p class="ref">AB</p>
-	<p class="ref">AB</p>
+	<p class="ref">BA</p>
+	<p class="ref">BA</p>
+	<p class="ref">BA</p>
 </section>
\ No newline at end of file