Add typography system with Public Sans and 16 type styles

Self-host Public Sans via @fontsource-variable (weights 100-900, normal
+ italic). Add 6 composed @utility classes in typography.css for styles
that combine multiple properties (body-strong, small-strong, label,
overline, body-link, small-link). Matching text styles created in the
Figma design file via MCP for designer use.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-21 10:05:34 +10:00
parent afba95fbaf
commit b57aab01aa
4 changed files with 56 additions and 5 deletions

View File

@@ -12,6 +12,7 @@
"build-storybook": "storybook build"
},
"dependencies": {
"@fontsource-variable/public-sans": "^5.2.7",
"@tailwindcss/vite": "^4.3.0",
"clsx": "^2.1.1",
"react": "^19.2.6",