feat(@ibm/plex): Update plex dependency to use new packages

[tw15egan]

Updates @carbon/styles to use individual @ibm/plex-${font-style} packages rather than importing all from @ibm/plex

Changelog

New

• 8 new packages for each of the @ibm/plex families

• font-feature-settings: 'liga' 1; added to _reset.scss to ensure ligatures render even with letter-spacing set
• $package-name field added to font src resolver

Changed

• Updated the url field in font src resolver to use new package name format

Removed

• Split fonts do not seem to ship .woff, so they have been removed from the individual font formats

Testing / Reviewing

Ensure the fonts are loaded correctly, either using the Akamai CDN or not. Ensure the fi ligature renders properly.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	be9cdff
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/66b639ff9220c600086d47ac
😎 Deploy Preview	https://deploy-preview-17025--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	be9cdff
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/66b639ffa1dd690008421aee
😎 Deploy Preview	https://deploy-preview-17025--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[tay1orjones]

One thing to verify here is the ligature fixes from #11175 IBM/plex#438 are coming through. The storybook doesn't turn on the $use-akamai-cdn flag, so the fi ligature is still broken. For example in the notification component:

This should be fixed by this PR where we consume the new packages that contain these updates to the font files. I know this is still in draft, but right now I don't see the ligatures in the deploy preview.

[tw15egan]

@tay1orjones it seems like a component-level issue for some reason. I will take a deeper look. I see the ligatures when just putting text outside of the notification

Edit: It seems to be caused due to the letter-spacing property coming from body-compact-01

[tay1orjones]

@tw15egan wow, yeah it's part of the current css-fonts-3 spec and the working draft css-fonts-4 spec

setting a non-default value for the ‘letter-spacing’ property disables common ligatures.

Can we get around it with font-feature-settings?

[alisonjoseph]

🔥