[OP#168] Update the font import to use newer syntax

[Jeremy-Walton]

Why?

The google font import for Noto Sans and Noto Serif was not including all the available axes for the variable fonts. This change allows for that and actually simplifies the font face file loaded from google and reduces the size of the payload.

What Changed

• Update import for Noto Sans to use newer syntax. This allows the width axis to be adjusted via the font-stretch css property
• Add --op-font-family-alt token set to Noto Serif

Sanity Check

• [ ] Have you updated any usage of changed tokens?
• [ ] Have you updated the docs with any component changes?
• [ ] Have you updated the dependency graph with any component changes?
• Have you run linters?
• Have you run prettier?
• Have you tried building the css?
• Have you tried building storybook?
• [ ] Do you need to update the package version?

Screenshots

Before

After

Note: It isn't shown in the image, but the single request is loading both Noto Sans and Noto Serif

[linear]

OP-168 Font Import issues