feat(Plex): add plex package to @carbon/styles

[tw15egan]

Closes #9348

This PR adds in @ibm/plex as a dependency of @carbon/styles so that when a user imports @carbon/styles or more specifically, @carbon/styles/scss/font-face, it will bring in all Plex font files needed to render the Plex font.

This also adds in an experimental strategy for adding in additional font languages through config flags, i.e. $css--plex-arabic. By default, this is set to false, but if a user sets this to true, the Arabic font-face declarations will be included. To test this, you can go to the carbon-react storybook index.scss and change the css--plex-arabic flag to false.

When set to false,

you can view the Plex --> Arabic story

switch the locale to Arabic via the globe icon

and ensure the IBM Plex Arabic font is either loaded locally (or the fallback font is the computed font family if you do not have the font installed)

You can then set the flag back to true and you should see that is a network font

Changelog

New

• @ibm/plex is now a dependency of @carbon/styles
• scss/_font-face.scss will now import the sans, mono and arabic fonts

Changed

• Prefixed some Grid storybook styles so that they only affected the Grid stories

Removed

• @ibm/plex as a carbon-react dependency

Testing / Reviewing

Ensure IBM Plex is still served as a network resource in carbon-react and that you can toggle the Arabic font files

[netlify]

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 5563200

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/610312ca43fb5400075ecfe1

😎 Browse the preview: https://deploy-preview-9350--carbon-react-next.netlify.app

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 5563200

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/610312cab65b580008b61fbc

😎 Browse the preview: https://deploy-preview-9350--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 5563200

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/610312cad2232800075b6435

😎 Browse the preview: https://deploy-preview-9350--carbon-components-react.netlify.app

[joshblack]

🔥

[joshblack]

bump @sstrubberg when you get a sec this afternoon 👀

[sstrubberg]

So much awesome here. 🎉