feat: add typography shortcut variables (#2110)

styles/themes/common/typography.scss

@@ -81,6 +81,55 @@
     --g-text-code-inline-3-font-size: 16px;
     --g-text-code-inline-3-line-height: 20px;
 
+    --g-text-body-1-font: var(--g-text-body-font-weight) var(--g-text-body-1-font-size) /
+        var(--g-text-body-1-font-size) var(--g-text-body-font-family);
+    --g-text-body-2-font: var(--g-text-body-font-weight) var(--g-text-body-2-font-size) /
+        var(--g-text-body-2-font-size) var(--g-text-body-font-family);
+    --g-text-body-3-font: var(--g-text-body-font-weight) var(--g-text-body-3-font-size) /
+        var(--g-text-body-3-font-size) var(--g-text-body-font-family);
+    --g-text-body-short-font: var(--g-text-body-font-weight) var(--g-text-body-short-font-size) /
+        var(--g-text-body-short-font-size) var(--g-text-body-font-family);
+    --g-text-caption-1-font: var(--g-text-caption-font-weight) var(--g-text-caption-1-font-size) /
+        var(--g-text-caption-1-font-size) var(--g-text-caption-font-family);
+    --g-text-caption-2-font: var(--g-text-caption-font-weight) var(--g-text-caption-2-font-size) /
+        var(--g-text-caption-2-font-size) var(--g-text-caption-font-family);
+    --g-text-header-1-font: var(--g-text-header-font-weight) var(--g-text-header-1-font-size) /
+        var(--g-text-header-1-font-size) var(--g-text-header-font-family);
+    --g-text-header-2-font: var(--g-text-header-font-weight) var(--g-text-header-2-font-size) /
+        var(--g-text-header-2-font-size) var(--g-text-header-font-family);
+    --g-text-subheader-1-font: var(--g-text-subheader-font-weight)
+        var(--g-text-subheader-1-font-size) / var(--g-text-subheader-1-font-size)
+        var(--g-text-subheader-font-family);
+    --g-text-subheader-2-font: var(--g-text-subheader-font-weight)
+        var(--g-text-subheader-2-font-size) / var(--g-text-subheader-2-font-size)
+        var(--g-text-subheader-font-family);
+    --g-text-subheader-3-font: var(--g-text-subheader-font-weight)
+        var(--g-text-subheader-3-font-size) / var(--g-text-subheader-3-font-size)
+        var(--g-text-subheader-font-family);
+    --g-text-display-1-font: var(--g-text-display-font-weight) var(--g-text-display-1-font-size) /
+        var(--g-text-display-1-font-size) var(--g-text-display-font-family);
+    --g-text-display-2-font: var(--g-text-display-font-weight) var(--g-text-display-2-font-size) /
+        var(--g-text-display-2-font-size) var(--g-text-display-font-family);
+    --g-text-display-3-font: var(--g-text-display-font-weight) var(--g-text-display-3-font-size) /
+        var(--g-text-display-3-font-size) var(--g-text-display-font-family);
+    --g-text-display-4-font: var(--g-text-display-font-weight) var(--g-text-display-4-font-size) /
+        var(--g-text-display-4-font-size) var(--g-text-display-font-family);
+    --g-text-code-1-font: var(--g-text-code-font-weight) var(--g-text-code-1-font-size) /
+        var(--g-text-code-1-font-size) var(--g-text-code-font-family);
+    --g-text-code-2-font: var(--g-text-code-font-weight) var(--g-text-code-2-font-size) /
+        var(--g-text-code-2-font-size) var(--g-text-code-font-family);
+    --g-text-code-3-font: var(--g-text-code-font-weight) var(--g-text-code-3-font-size) /
+        var(--g-text-code-3-font-size) var(--g-text-code-font-family);
+    --g-text-code-inline-1-font: var(--g-text-code-inline-font-weight)
+        var(--g-text-code-inline-1-font-size) / var(--g-text-code-inline-1-font-size)
+        var(--g-text-code-inline-font-family);
+    --g-text-code-inline-2-font: var(--g-text-code-inline-font-weight)
+        var(--g-text-code-inline-2-font-size) / var(--g-text-code-inline-2-font-size)
+        var(--g-text-code-inline-font-family);
+    --g-text-code-inline-3-font: var(--g-text-code-inline-font-weight)
+        var(--g-text-code-inline-3-font-size) / var(--g-text-code-inline-3-font-size)
+        var(--g-text-code-inline-font-family);
+
     font-family: var(--g-text-body-font-family);
     font-weight: var(--g-text-body-font-weight);
     font-size: var(--g-text-body-1-font-size);