[next] Add new typography design tokens (#2451)

* feat: add new typography design tokens

* fix: revert renaming fontFamilySansSerif

src/core/client/ui/components/Tag/Tag.css

@@ -23,7 +23,7 @@
 .variantPill {
   border-radius: 20px;
   padding: 2px 6px;
-  font-weight: var(--font-weight-medium);
+  font-weight: var(--font-weight-sans-medium);
   &.colorGrey {
     border: 1px solid var(--palette-grey-dark);
     background-color: var(--palette-grey-lightest);

src/core/client/ui/theme/variables.ts

@@ -84,10 +84,39 @@ const variables = {
   remBase: 16,
   fontFamilySansSerif: '"Source Sans Pro"',
   fontFamilySerif: '"Manuale"',
+  /** Deprecated */
   fontWeightLight: 300,
   fontWeightRegular: 400,
   fontWeightMedium: 600,
   fontWeightBold: 700,
+  /***************/
+  fontSize: {
+    1: "12px",
+    2: "14px",
+    3: "16px",
+    4: "18px",
+    5: "20px",
+    6: "24px",
+    7: "28px",
+    8: "32px",
+  },
+  fontWeight: {
+    sans: {
+      regular: 400,
+      medium: 600,
+      bold: 700,
+    },
+    serif: {
+      regular: 400,
+      medium: 600,
+      bold: 600,
+    },
+  },
+  lineHeight: {
+    1: "1.1em",
+    2: "1.2em",
+    3: "1.45em",
+  },
   /* Breakpoints */
   breakpoints: {
     xs: 320,