Implement: Narrow screen fonts

[clarsen-czi]

Implementation specs can be found here: https://www.figma.com/design/hQ1kUAFzQvsXcq3ZtWiZAq/SDS-v2-Complete?node-id=360-793&t=LxjLU9qOxReZzyg2-1

[masoudmanson]

Jeremy created a PR to add new narrow styles.

#884

[masoudmanson]

We also need to include these new narrow font styles in the design tokens to export them as CSS, SCSS, and Tailwind variables. I’ve created a new PR to add these variables on top of Jeremy’s PR.