styles: updates font weight, letter spacing, and font size (#230)

* chore: update doc-components version (#228)

* style: reverts semantic font weights back to 100 scale

* style: updates letter spacing for body type

* style: updates xs font size to 12px

* style: build updated tokens

* chore: package-lock update

* ci: update @tokens-studio/sd-transforms package to the latest version

* chore: adds necessary preprocessor to script file to fix shadow tokens

---------

Co-authored-by: Julian Skinner <ju-Skinner@users.noreply.github.com>
Co-authored-by: Kajabi Automations Bot <120066875+dev-kjbot@users.noreply.github.com>
Co-authored-by: Julian Skinner <ju.skinner@gmail.com>

.gitignore

@@ -45,5 +45,5 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
-
+.nx
 tmp/

libs/core/src/global/styles/tokens/semantic/_semantic.scss

@@ -15,13 +15,13 @@
   --pine-typography-heading-h4: 600 20px/1.25 "GreetStandard";
   --pine-typography-heading-h5: 500 18px/1.25 "GreetStandard";
   --pine-typography-heading-h6: 500 16px/1.25 "GreetStandard";
-  --pine-typography-body-md-default: 425 14px/1.425 "Inter";
-  --pine-typography-body-md-medium: 525 14px/1.425 "Inter";
-  --pine-typography-body-md-semibold: 625 14px/1.425 "Inter";
-  --pine-typography-body-md-bold: 725 14px/1.425 "Inter";
+  --pine-typography-body-md-default: 400 14px/1.425 "Inter";
+  --pine-typography-body-md-medium: 500 14px/1.425 "Inter";
+  --pine-typography-body-md-semibold: 600 14px/1.425 "Inter";
+  --pine-typography-body-md-bold: 700 14px/1.425 "Inter";
   --pine-typography-body-sm-default: 400 12px/1.425 "Inter";
-  --pine-typography-body-sm-medium: 525 12px/1.425 "Inter";
-  --pine-typography-body-sm-bold: 725 12px/1.425 "Inter";
-  --pine-typography-body-xs-default: 400 11px/1.425 "Inter";
-  --pine-typography-body-xs-semibold: 600 11px/1.425 "Inter";
+  --pine-typography-body-sm-medium: 500 12px/1.425 "Inter";
+  --pine-typography-body-sm-bold: 700 12px/1.425 "Inter";
+  --pine-typography-body-xs-default: 400 12px/1.425 "Inter";
+  --pine-typography-body-xs-semibold: 600 12px/1.425 "Inter";
 }

libs/core/src/global/styles/tokens/semantic/semantic.json

@@ -137,40 +137,40 @@
         "default": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.normal} + 25",
+            "fontWeight": "{font-weight.normal}",
             "fontSize": "{font-size.100}",
             "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.100}"
+            "letterSpacing": "{letter-spacing.114}"
           },
           "type": "typography"
         },
         "medium": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.medium} + 25",
+            "fontWeight": "{font-weight.medium}",
             "fontSize": "{font-size.100}",
             "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.100}"
+            "letterSpacing": "{letter-spacing.114}"
           },
           "type": "typography"
         },
         "semibold": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.semi-bold} + 25",
+            "fontWeight": "{font-weight.semi-bold}",
             "fontSize": "{font-size.100}",
             "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.100}"
+            "letterSpacing": "{letter-spacing.114}"
           },
           "type": "typography"
         },
         "bold": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.bold} + 25",
+            "fontWeight": "{font-weight.bold}",
             "fontSize": "{font-size.100}",
             "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.100}"
+            "letterSpacing": "{letter-spacing.114}"
           },
           "type": "typography"
         }
@@ -181,28 +181,25 @@
             "fontFamily": "{font-family.inter}",
             "fontWeight": "{font-weight.normal}",
             "fontSize": "{font-size.85}",
-            "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.85}"
+            "lineHeight": "{line-height.100} * 1.425"
           },
           "type": "typography"
         },
         "medium": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.medium} + 25",
+            "fontWeight": "{font-weight.medium}",
             "fontSize": "{font-size.85}",
-            "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.85}"
+            "lineHeight": "{line-height.100} * 1.425"
           },
           "type": "typography"
         },
         "bold": {
           "value": {
             "fontFamily": "{font-family.inter}",
-            "fontWeight": "{font-weight.bold} + 25",
+            "fontWeight": "{font-weight.bold}",
             "fontSize": "{font-size.85}",
-            "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.85}"
+            "lineHeight": "{line-height.100} * 1.425"
           },
           "type": "typography"
         }
@@ -212,19 +209,17 @@
           "value": {
             "fontFamily": "{font-family.inter}",
             "fontWeight": "{font-weight.normal}",
-            "fontSize": "{font-size.71} + 1",
-            "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.78}"
+            "fontSize": "{font-size.85}",
+            "lineHeight": "{line-height.100} * 1.425"
           },
           "type": "typography"
         },
         "semibold": {
           "value": {
             "fontFamily": "{font-family.inter}",
             "fontWeight": "{font-weight.semi-bold}",
-            "fontSize": "{font-size.71} + 1",
-            "lineHeight": "{line-height.100} * 1.425",
-            "letterSpacing": "{letter-spacing.78}"
+            "fontSize": "{font-size.85}",
+            "lineHeight": "{line-height.100} * 1.425"
           },
           "type": "typography"
         }