Merge pull request #6156 from department-of-veterans-affairs/copilot/update-typography-tokens-display

Typography: add rem values for semantic font-size tokens

Author: derekwang99

src/_data/tokens/vads-font-primitive.csv

@@ -15,8 +15,8 @@ vads-font-line-length-5,Primitive,vads-size-line-length-5,,uswds-system-font-lin
 vads-font-line-length-6,Primitive,vads-size-line-length-6,88ex,uswds-system-font-line-length-6,88ex,From USWDS.
 vads-font-line-length-none,Primitive,vads-size-line-length-none,,uswds-system-font-line-length-none,none,From USWDS.
 vads-font-size-2xl,Primitive,vads-font-size-2xl,,uswds-system-font-size-14,40px,
-font-size-root,Primitive,font-size-root,16px,uswds-system-font-size-6,16px,
-vads-font-size-source-sans-normalized,Primitive,vads-font-size-source-sans-normalized,16.96px,uswds-system-font-size-7,16.96px,
+font-size-root,Primitive,font-size-root,16px,uswds-system-font-size-6,16px or 1rem,
+vads-font-size-source-sans-normalized,Primitive,vads-font-size-source-sans-normalized,16.96px,uswds-system-font-size-7,16.96px or 1.06rem,
 vads-font-size-lg,Primitive,vads-font-size-lg,,uswds-system-font-size-8,20px,
 vads-font-size-md,Primitive,vads-font-size-md,,uswds-system-font-size-6,17px,
 vads-font-size-sm,Primitive,vads-font-size-sm,,uswds-system-font-size-4,15px,

src/_data/tokens/vads-font-semantic.csv

@@ -7,9 +7,9 @@ vads-font-size-body-lead,Semantic,vads-font-size-body-lead,,,vads-font-size-body
 vads-font-size-body-medium,Semantic,vads-font-size-body-medium,uswds-system-font-size-6,17px,,Medium body font size,
 vads-font-size-body-small,Semantic,vads-font-size-body-small,uswds-system-font-size-4,15px,,Smallest body font size,
 vads-font-size-eyebrow,Semantic,vads-font-size-eyebrow,,,vads-font-size-root,Eyebrow is an experimental request which adds type above an h1.,16px
-vads-font-size-heading-level-1,Semantic,vads-font-size-heading-level-1,uswds-system-font-size-14,40px,,Heading level 1. h1 value.,
-vads-font-size-heading-level-2,Semantic,vads-font-size-heading-level-2,uswds-system-font-size-12,32px,,Heading level 2. h2 value. Was 30px,
-vads-font-size-heading-level-3,Semantic,vads-font-size-heading-level-3,uswds-system-font-size-8,20px,,Heading level 3. h3 value.,
-vads-font-size-heading-level-4,Semantic,vads-font-size-heading-level-4,uswds-system-font-size-6,17px,,Heading level 4. h4 value.,
-vads-font-size-heading-level-5,Semantic,vads-font-size-heading-level-5,uswds-system-font-size-4,15px,,Heading level 5. h5 value.,
-vads-font-size-heading-level-6,Semantic,vads-font-size-heading-level-6,uswds-system-font-size-4,15px,,"Heading level 6. h6 value. h6 is also sans-serif, unlike other headers.",
+vads-font-size-heading-level-1,Semantic,vads-font-size-heading-level-1,uswds-system-font-size-14,40px or 2.5rem,,Heading level 1. h1 value.,
+vads-font-size-heading-level-2,Semantic,vads-font-size-heading-level-2,uswds-system-font-size-12,32px or 2rem,,Heading level 2. h2 value. Was 30px,
+vads-font-size-heading-level-3,Semantic,vads-font-size-heading-level-3,uswds-system-font-size-8,20px or 1.25rem,,Heading level 3. h3 value.,
+vads-font-size-heading-level-4,Semantic,vads-font-size-heading-level-4,uswds-system-font-size-6,17px or 1.063rem,,Heading level 4. h4 value.,
+vads-font-size-heading-level-5,Semantic,vads-font-size-heading-level-5,uswds-system-font-size-4,15px or 0.938rem,,Heading level 5. h5 value.,
+vads-font-size-heading-level-6,Semantic,vads-font-size-heading-level-6,uswds-system-font-size-4,15px or 0.938rem,,"Heading level 6. h6 value. h6 is also sans-serif, unlike other headers.",