diff --git a/src/common/styles-dictionary/css/variables.css b/src/common/styles-dictionary/css/variables.css
index 03a2755f5..3aeb715a8 100644
--- a/src/common/styles-dictionary/css/variables.css
+++ b/src/common/styles-dictionary/css/variables.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Dec 2021 21:05:51 GMT
+ * Generated on Fri, 10 Dec 2021 16:31:54 GMT
  */
 
 :root {
@@ -8,36 +8,33 @@
   --sds-font-letter-spacing-caps: 1px;
   --sds-font-color: black;
   --sds-font-font-family: "Open Sans", "OpenSans-Regular";
-  --sds-font-body-xxxs-400-font: 400, 11px/16px "Open Sans", "OpenSans-Regular";
-  --sds-font-body-xxxs-600-font: 600, 11px/16px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-xxs-400-font: 400, 12px/18px "Open Sans", "OpenSans-Regular";
-  --sds-font-body-xxs-600-font: 600, 12px/18px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-xs-400-font: 400, 13px/20px "Open Sans", "OpenSans-Regular";
-  --sds-font-body-xs-600-font: 600, 13px/20px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-s-400-font: 400, 14px/24px "Open Sans", "OpenSans-Regular";
-  --sds-font-body-s-600-font: 600, 14px/24px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-m-400-font: 400, 16px/26px "Open Sans", "OpenSans-Regular";
-  --sds-font-body-m-600-font: 600, 16px/26px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-body-l-400-font: 400, 18px/28px "Open Sans", "OpenSans-Regular";
-  --sds-font-body-l-600-font: 600, 18px/28px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-caps-xxxxs-600-font: 600, 10px/14px "Open Sans",
-    "OpenSans-SemiBold";
+  --sds-font-body-xxxs-400-font: 400 11px/16px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-xxxs-600-font: 600 11px/16px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-body-xxs-400-font: 400 12px/18px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-xxs-600-font: 600 12px/18px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-body-xs-400-font: 400 13px/20px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-xs-600-font: 600 13px/20px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-body-s-400-font: 400 14px/24px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-s-600-font: 600 14px/24px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-body-m-400-font: 400 16px/26px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-m-600-font: 600 16px/26px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-body-l-400-font: 400 18px/28px "Open Sans", "OpenSans-Regular";
+  --sds-font-body-l-600-font: 600 18px/28px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-caps-xxxxs-600-font: 600 10px/14px "Open Sans", "OpenSans-SemiBold";
   --sds-font-caps-xxxxs-600-text-transform: uppercase;
-  --sds-font-caps-xxxs-600-font: 600, 11px/16px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-caps-xxxs-600-font: 600 11px/16px "Open Sans", "OpenSans-SemiBold";
   --sds-font-caps-xxxs-600-text-transform: uppercase;
-  --sds-font-caps-xxs-600-font: 600, 12px/18px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-caps-xxs-600-font: 600 12px/18px "Open Sans", "OpenSans-SemiBold";
   --sds-font-caps-xxs-600-text-transform: uppercase;
-  --sds-font-header-xxxs-600-font: 600, 11px/16px "Open Sans",
-    "OpenSans-SemiBold";
-  --sds-font-header-xxs-600-font: 600, 12px/18px "Open Sans",
-    "OpenSans-SemiBold";
-  --sds-font-header-xs-600-font: 600, 13px/18px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-s-600-font: 600, 14px/20px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-m-600-font: 600, 16px/22px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-l-600-font: 600, 18px/24px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-xl-600-font: 600, 22px/30px "Open Sans", "OpenSans-SemiBold";
-  --sds-font-header-xxl-600-font: 600, 26px/34px "Open Sans",
+  --sds-font-header-xxxs-600-font: 600 11px/16px "Open Sans",
     "OpenSans-SemiBold";
+  --sds-font-header-xxs-600-font: 600 12px/18px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-xs-600-font: 600 13px/18px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-s-600-font: 600 14px/20px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-m-600-font: 600 16px/22px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-l-600-font: 600 18px/24px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-xl-600-font: 600 22px/30px "Open Sans", "OpenSans-SemiBold";
+  --sds-font-header-xxl-600-font: 600 26px/34px "Open Sans", "OpenSans-SemiBold";
   --sds-color-beta-100: #f4f0f9;
   --sds-color-beta-200: #f0ebf6;
   --sds-color-beta-400: #7a41ce;
diff --git a/src/common/styles-dictionary/scss/_variables.scss b/src/common/styles-dictionary/scss/_variables.scss
index d0294cbf7..6c7e9c2d4 100644
--- a/src/common/styles-dictionary/scss/_variables.scss
+++ b/src/common/styles-dictionary/scss/_variables.scss
@@ -1,37 +1,37 @@
 
 // Do not edit directly
-// Generated on Fri, 03 Dec 2021 21:05:51 GMT
+// Generated on Fri, 10 Dec 2021 16:31:54 GMT
 
 $sds-font-letter-spacing-default: 0.3px;
 $sds-font-letter-spacing-caps: 1px;
 $sds-font-color: black;
 $sds-font-font-family: 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-xxxs-400-font: 400, 11px/16px 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-xxxs-600-font: 600, 11px/16px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-xxs-400-font: 400, 12px/18px 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-xxs-600-font: 600, 12px/18px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-xs-400-font: 400, 13px/20px 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-xs-600-font: 600, 13px/20px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-s-400-font: 400, 14px/24px 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-s-600-font: 600, 14px/24px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-m-400-font: 400, 16px/26px 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-m-600-font: 600, 16px/26px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-body-l-400-font: 400, 18px/28px 'Open Sans', 'OpenSans-Regular';
-$sds-font-body-l-600-font: 600, 18px/28px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-caps-xxxxs-600-font: 600, 10px/14px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-xxxs-400-font: 400 11px/16px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-xxxs-600-font: 600 11px/16px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-xxs-400-font: 400 12px/18px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-xxs-600-font: 600 12px/18px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-xs-400-font: 400 13px/20px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-xs-600-font: 600 13px/20px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-s-400-font: 400 14px/24px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-s-600-font: 600 14px/24px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-m-400-font: 400 16px/26px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-m-600-font: 600 16px/26px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-body-l-400-font: 400 18px/28px 'Open Sans', 'OpenSans-Regular';
+$sds-font-body-l-600-font: 600 18px/28px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-caps-xxxxs-600-font: 600 10px/14px 'Open Sans', 'OpenSans-SemiBold';
 $sds-font-caps-xxxxs-600-text-transform:  uppercase;
-$sds-font-caps-xxxs-600-font: 600, 11px/16px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-caps-xxxs-600-font: 600 11px/16px 'Open Sans', 'OpenSans-SemiBold';
 $sds-font-caps-xxxs-600-text-transform:  uppercase;
-$sds-font-caps-xxs-600-font: 600, 12px/18px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-caps-xxs-600-font: 600 12px/18px 'Open Sans', 'OpenSans-SemiBold';
 $sds-font-caps-xxs-600-text-transform:  uppercase;
-$sds-font-header-xxxs-600-font: 600, 11px/16px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-xxs-600-font: 600, 12px/18px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-xs-600-font: 600, 13px/18px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-s-600-font: 600, 14px/20px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-m-600-font: 600, 16px/22px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-l-600-font: 600, 18px/24px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-xl-600-font: 600, 22px/30px 'Open Sans', 'OpenSans-SemiBold';
-$sds-font-header-xxl-600-font: 600, 26px/34px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-xxxs-600-font: 600 11px/16px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-xxs-600-font: 600 12px/18px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-xs-600-font: 600 13px/18px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-s-600-font: 600 14px/20px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-m-600-font: 600 16px/22px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-l-600-font: 600 18px/24px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-xl-600-font: 600 22px/30px 'Open Sans', 'OpenSans-SemiBold';
+$sds-font-header-xxl-600-font: 600 26px/34px 'Open Sans', 'OpenSans-SemiBold';
 $sds-color-beta-100: #f4f0f9;
 $sds-color-beta-200: #f0ebf6;
 $sds-color-beta-400: #7a41ce;
diff --git a/src/common/styles-dictionary/style-dictionary.json b/src/common/styles-dictionary/style-dictionary.json
index 4238b7be9..f6833f7a0 100644
--- a/src/common/styles-dictionary/style-dictionary.json
+++ b/src/common/styles-dictionary/style-dictionary.json
@@ -13,72 +13,72 @@
         "xxxs": {
           "400": {
             "font": {
-              "value": "400, 11px/16px {sds.font.font-family.value}"
+              "value": "400 11px/16px {sds.font.font-family.value}"
             }
           },
           "600": {
             "font": {
-              "value": "600, 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "xxs": {
           "400": {
             "font": {
-              "value": "400, 12px/18px {sds.font.font-family.value}"
+              "value": "400 12px/18px {sds.font.font-family.value}"
             }
           },
           "600": {
             "font": {
-              "value": "600, 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "xs": {
           "400": {
             "font": {
-              "value": "400, 13px/20px {sds.font.font-family.value}"
+              "value": "400 13px/20px {sds.font.font-family.value}"
             }
           },
           "600": {
             "font": {
-              "value": "600, 13px/20px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 13px/20px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "s": {
           "400": {
             "font": {
-              "value": "400, 14px/24px {sds.font.font-family.value}"
+              "value": "400 14px/24px {sds.font.font-family.value}"
             }
           },
           "600": {
             "font": {
-              "value": "600, 14px/24px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 14px/24px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "m": {
           "400": {
             "font": {
-              "value": "400, 16px/26px {sds.font.font-family.value}"
+              "value": "400 16px/26px {sds.font.font-family.value}"
             }
           },
           "600": {
             "font": {
-              "value": "600, 16px/26px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 16px/26px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "l": {
           "400": {
             "font": {
-              "value": "400, 18px/28px {sds.font.font-family.value}"
+              "value": "400 18px/28px {sds.font.font-family.value}"
             }
           },
           "600": {
             "font": {
-              "value": "600, 18px/28px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 18px/28px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         }
@@ -87,7 +87,7 @@
         "xxxxs": {
           "600": {
             "font": {
-              "value": "600, 10px/14px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 10px/14px 'Open Sans', 'OpenSans-SemiBold'"
             },
             "text-transform": { "value": " uppercase" }
           }
@@ -95,7 +95,7 @@
         "xxxs": {
           "600": {
             "font": {
-              "value": "600, 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
             },
             "text-transform": { "value": " uppercase" }
           }
@@ -103,7 +103,7 @@
         "xxs": {
           "600": {
             "font": {
-              "value": "600, 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
             },
             "text-transform": { "value": " uppercase" }
           }
@@ -113,42 +113,42 @@
         "xxxs": {
           "600": {
             "font": {
-              "value": "600, 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "xxs": {
           "600": {
             "font": {
-              "value": "600, 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "xs": {
           "600": {
             "font": {
-              "value": "600, 13px/18px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 13px/18px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "s": {
           "600": {
             "font": {
-              "value": "600, 14px/20px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 14px/20px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "m": {
           "600": {
             "font": {
-              "value": "600, 16px/22px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 16px/22px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "l": {
           "600": {
             "font": {
-              "value": "600, 18px/24px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 18px/24px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
@@ -156,14 +156,14 @@
         "xl": {
           "600": {
             "font": {
-              "value": "600, 22px/30px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 22px/30px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         },
         "xxl": {
           "600": {
             "font": {
-              "value": "600, 26px/34px 'Open Sans', 'OpenSans-SemiBold'"
+              "value": "600 26px/34px 'Open Sans', 'OpenSans-SemiBold'"
             }
           }
         }