fix: group all font imports together

[booc0mtaco]

Summary:

• removing the font import from mixins caused Open Sans to stop appearing in storybook
• similar to Graphik, we should import the fonts from our fonts.css file
• existing instructions won't need changing, as they specify using this file already (README, storybook, etc.)

I think our Chromatic setting to do TurboSnaps meant that it didn't detect this change as a snapshot diff, so there was no clue the font had disappeared :(

Busted snapshots start appearing later: #1613, #1614

More long term, we should revisit getting fonts from google anyway

Test Plan:

• Wrote automated tests
• CI tests / new tests are not applicable
• Manually tested my changes, but I want to keep the details secret
• Manually tested my changes, and here are the details:
  • verify lib/ contents are correct:
  • no import lines in index.css
  • import for google font in fonts.css
  • no snapshot updates for typography page

[codecov]

Codecov Report

Merging #1615 (8eefa78) into next (5d8ee97) will decrease coverage by 0.01%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##             next    #1615      +/-   ##
==========================================
- Coverage   91.32%   91.32%   -0.01%     
==========================================
  Files         280      280              
  Lines        4196     4195       -1     
  Branches      789      789              
==========================================
- Hits         3832     3831       -1     
  Misses        338      338              
  Partials       26       26              

Impacted Files	Coverage Δ
src/index.ts	100.00% <ø> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[booc0mtaco]

Before (12.0.2) and after (next):

[github-actions]

size-limit report 📦

Path	Size
components	94.5 KB (0%)
styles	36.32 KB (-0.04% 🔽)

[jinlee93]

Thanks!