# What changed in @metamask/design-tokens

> 11 changes in @metamask/design-tokens 75 from its official release notes, upgrade guides and advisories: 6 new APIs and options. Each one cited. Sources checked 2026-10-19. HTML: https://unstale.sh/npm/@metamask/design-tokens/

To see which of these apply to a repository, run `npx @unstale/cli init` in it.

## @metamask/design-tokens 75

### New APIs and options

- Adds the Tailwind v4 large-screen display XL text utility and matching leading and tracking utilities. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)
- Adds the Tailwind v4 small-screen display XL text utility and matching leading and tracking utilities. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)
- Adds CSS custom properties for the large-screen display XL typography style. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)
- Adds CSS custom properties for the small-screen display XL typography style. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)
- Adds the large-screen display XL typography style, using 60px / 75px at medium weight. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)
- Adds the small-screen display XL typography style, using 60px / 75px at bold weight. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)

### Behavior and default changes

- Changes the hero typeface from MM Poly to Grotzec Cond Bold; only the Bold cut is licensed and should be registered at weight 600. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)
- Changes the hero typeface from MM Poly to Grotzec Cond. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)
- Changes the Figma hero font-family token from MM Poly to Grotzec Cond. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)
- Updates the small-screen amount display large CSS properties to 48px / 56px; the large-screen style remains 60px / 75px. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)
- Updates the small-screen amount display large style to 48px / 56px; the large-screen style remains 60px / 75px. (75.0.0) — [release notes](https://github.com/MetaMask/metamask-design-system/releases/tag/v75.0.0)
