[CL-238] update typography

[willmartian]

Type of change

- [ ] Bug fix
- [x] New feature development
- [ ] Tech debt (refactoring, code cleanup, dependency upgrades, etc)
- [ ] Build/deploy pipeline (DevOps)
- [ ] Other

Objective

• Update bitTypography to use new headers color

• Remove all font references to Open Sans and replace with DM Sans

• NO changes were made in this PR to base font size

Code changes

• file.ext: Description of what was changed and why

Screenshots

See Storybook

Before you submit

• Please add unit tests where it makes sense to do so (encouraged but not required)
• If this change requires a documentation update - notify the documentation team
• If this change has particular deployment requirements - notify the DevOps team
• Ensure that all UI additions follow WCAG AA requirements

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 1 lines in your changes are missing coverage. Please review.

Project coverage is 27.73%. Comparing base (8693418) to head (1c95dfb).

Files	Patch %	Lines
...bs/components/src/typography/typography.stories.ts	0.00%	1 Missing ⚠️

Additional details and impacted files

@@                  Coverage Diff                  @@
##           ps/extension-refresh    #8997   +/-   ##
=====================================================
  Coverage                 27.73%   27.73%           
=====================================================
  Files                      2404     2404           
  Lines                     69593    69585    -8     
  Branches                  12956    12956           
=====================================================
  Hits                      19299    19299           
+ Misses                    48806    48798    -8     
  Partials                   1488     1488           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

Checkmarx One – Scan Summary & Details – 931b421a-b7f1-41b8-9717-3fd2bd5d4a32

No New Or Fixed Issues Found

[vleague2]

Do we need to do the range definitions for stretch, style, and weight? (I'm still trying to read up on variable font implementations, so I'm not quite clear on all the settings)

[willmartian]

My understanding is that range definitions are used for font matching. See here: https://drafts.csswg.org/css-fonts-4/#ex-descriptors-range

Since we don't want to select a different font based on stretch/style/weight, we do not need to specify these ranges.