diff --git a/.changeset/tame-schools-count.md b/.changeset/tame-schools-count.md
new file mode 100644
index 000000000..d38901fb3
--- /dev/null
+++ b/.changeset/tame-schools-count.md
@@ -0,0 +1,8 @@
+---
+"@hopper-ui/tokens": minor
+---
+
+# Font Tokens
+
+- Swapped referenced token fonts for variable fonts.
+- Woff2 are now the defacto font extension.
diff --git a/apps/docs/app/playground/typography/page.tsx b/apps/docs/app/playground/typography/page.tsx
index 105e9889f..ada0bb58a 100644
--- a/apps/docs/app/playground/typography/page.tsx
+++ b/apps/docs/app/playground/typography/page.tsx
@@ -3,18 +3,58 @@
 import "./typo.css";
 
 export default function CodeBlockPage() {
-    return <main data-font="cdn" className="hd-wrapper">
-        <h1>Building the future with Hopper: Our Design System</h1>
-        <h2>Building the future with Hopper: Our Design System</h2>
-        <h3>Building the future with Hopper: Our Design System</h3>
-        <h4>Building the future with Hopper: Our Design System</h4>
-        <h5>Building the future with Hopper: Our Design System</h5>
-        <p>
+    return (
+        <>
+            <main data-font="cdn" className="hd-wrapper">
+                <h5>ABC Favorit Variable</h5>
+                <div className="font-sample favorit">
+                    <h1>Building the future with Hopper: Our Design System</h1>
+                    <h2>Building the future with Hopper: Our Design System</h2>
+                    <h3>Building the future with Hopper: Our Design System</h3>
+                    <h4>Building the future with Hopper: Our Design System</h4>
+                    <h5>Building the future with Hopper: Our Design System</h5>
+                    <p>
             Hopper, our Design System, is the cornerstone of our development approach. Designed to deliver a seamless
             and efficient user experience, Hopper provides a comprehensive library of consistent components, icons and
             styles. By integrating Hopper into our projects, we are committed to maintaining a unified visual design,
             optimal accessibility and uncompromising scalability. Building with Hopper means building with consistency,
             simplicity and excellence.
-        </p>
-    </main>;
+                    </p>
+                    <span className="number">0123456789</span>
+                </div>
+                <h5>Inter Variable</h5>
+                <div className="font-sample inter">
+                    <h1>Building the future with Hopper: Our Design System</h1>
+                    <h2>Building the future with Hopper: Our Design System</h2>
+                    <h3>Building the future with Hopper: Our Design System</h3>
+                    <h4>Building the future with Hopper: Our Design System</h4>
+                    <h5>Building the future with Hopper: Our Design System</h5>
+                    <p>
+            Hopper, our Design System, is the cornerstone of our development approach. Designed to deliver a seamless
+            and efficient user experience, Hopper provides a comprehensive library of consistent components, icons and
+            styles. By integrating Hopper into our projects, we are committed to maintaining a unified visual design,
+            optimal accessibility and uncompromising scalability. Building with Hopper means building with consistency,
+            simplicity and excellence.
+                    </p>
+                    <span className="number">0123456789</span>
+                </div>
+                <h5>ABC Favorit Mono</h5>
+                <div className="font-sample favorit-mono">
+                    <h1>Building the future with Hopper: Our Design System</h1>
+                    <h2>Building the future with Hopper: Our Design System</h2>
+                    <h3>Building the future with Hopper: Our Design System</h3>
+                    <h4>Building the future with Hopper: Our Design System</h4>
+                    <h5>Building the future with Hopper: Our Design System</h5>
+                    <p>
+            Hopper, our Design System, is the cornerstone of our development approach. Designed to deliver a seamless
+            and efficient user experience, Hopper provides a comprehensive library of consistent components, icons and
+            styles. By integrating Hopper into our projects, we are committed to maintaining a unified visual design,
+            optimal accessibility and uncompromising scalability. Building with Hopper means building with consistency,
+            simplicity and excellence.
+                    </p>
+                    <span className="number">0123456789</span>
+                </div>
+            </main>
+        </>
+    );
 }
diff --git a/apps/docs/app/playground/typography/typo.css b/apps/docs/app/playground/typography/typo.css
index d4adca11a..5344fd651 100644
--- a/apps/docs/app/playground/typography/typo.css
+++ b/apps/docs/app/playground/typography/typo.css
@@ -1,17 +1,33 @@
-@font-face {
-    font-family: "ABC Favorit";
-    font-style: normal;
+[data-font="cdn"] div.favorit {
+    font-family: "ABC Favorit", sans-serif;
     font-weight: 410;
-    src: url("https://cdn.platform.workleap-dev.com/hopper/fonts/ABCFavorit-Regular.otf") format("opentype");
-    font-display: fallback;
+    font-style: normal;
+    color: var(--hd-color-neutral-text);
+    line-height: 1.5;
 }
 
+[data-font="cdn"] div.favorit-mono {
+    font-family: "ABC Favorit Mono", monospace;
+    font-weight: 400;
+    font-style: normal;
+    color: var(--hd-color-neutral-text);
+    line-height: 1.5;
+}
 
-[data-font="cdn"] {
-    font-family: "ABC Favorit", sans-serif;
+[data-font="cdn"] div.inter {
+    font-family: Inter, sans-serif;
     font-weight: 410;
     font-style: normal;
-    color: #1c1b1b;
+    color: var(--hd-color-neutral-text);
     line-height: 1.5;
 }
 
+.font-sample {
+    margin-bottom: 4rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid;
+}
+
+.number {
+    font-size: 1.5rem;
+}
diff --git a/apps/docs/components/preview/FontWeightPreview.tsx b/apps/docs/components/preview/FontWeightPreview.tsx
index 2c4b3e499..a42ca4e42 100644
--- a/apps/docs/components/preview/FontWeightPreview.tsx
+++ b/apps/docs/components/preview/FontWeightPreview.tsx
@@ -15,4 +15,3 @@ const FontWeightPreview = ({ values, style }: FontWeightPreviewProps) => {
 };
 
 export default FontWeightPreview;
-
diff --git a/apps/docs/components/preview/TypographyPreview.tsx b/apps/docs/components/preview/TypographyPreview.tsx
index bd6ab3709..a939a685c 100644
--- a/apps/docs/components/preview/TypographyPreview.tsx
+++ b/apps/docs/components/preview/TypographyPreview.tsx
@@ -1,5 +1,5 @@
-import "@hopper-ui/tokens/fonts.css";
 import "./preview.css";
+import "@hopper-ui/tokens/fonts.css";
 
 interface TypographyPreviewProps {
     values?: TypographyValues;
@@ -18,4 +18,3 @@ const TypographyPreview = ({ values, style }: TypographyPreviewProps) => {
 };
 
 export default TypographyPreview;
-
diff --git a/apps/docs/components/preview/preview.css b/apps/docs/components/preview/preview.css
index 603a56500..4b000d0a6 100644
--- a/apps/docs/components/preview/preview.css
+++ b/apps/docs/components/preview/preview.css
@@ -1,5 +1,5 @@
 .hd-preview {
-    font-family: "ABC Favorit", Inter, sans-serif;
+    font-family: Inter, sans-serif;
     width: var(--hd-space-5);
     height: var(--hd-space-3);
     border-radius: 0;
diff --git a/apps/docs/content/tokens/getting-started/usage.mdx b/apps/docs/content/tokens/getting-started/usage.mdx
index 4f156eed2..d1c9d2fa8 100644
--- a/apps/docs/content/tokens/getting-started/usage.mdx
+++ b/apps/docs/content/tokens/getting-started/usage.mdx
@@ -42,6 +42,8 @@ Font-face declarations are now imported in your project.
 
 Failing to do so would prevent you from using font family tokens such as `var(--hop-font-family-primary)`.
 
+*Inter* and *ABC Favorit* variable fonts are used. This allows for a more efficient use of font files, only one font is loaded per typeface, covering all font-weights. Resulting in a smaller bundle size for all.
+
 ## Styled System
 
 We will be releasing a styled system package inspired by styled-components that will allow you to use these tokens as Javascript props at a later time.
diff --git a/apps/docs/contentlayer.config.js b/apps/docs/contentlayer.config.js
index b51204de3..6d5b3844d 100644
--- a/apps/docs/contentlayer.config.js
+++ b/apps/docs/contentlayer.config.js
@@ -156,7 +156,6 @@ const rehypeOptions = {
             node.properties["data-word-id"] = id;
         }
     }
-
 };
 
 export default makeSource({
diff --git a/packages/tokens/assets/fonts/ABCFavorit-Bold.woff2 b/packages/tokens/assets/fonts/ABCFavorit-Bold.woff2
deleted file mode 100644
index 74d8056b6..000000000
Binary files a/packages/tokens/assets/fonts/ABCFavorit-Bold.woff2 and /dev/null differ
diff --git a/packages/tokens/assets/fonts/ABCFavorit-Medium.woff2 b/packages/tokens/assets/fonts/ABCFavorit-Medium.woff2
deleted file mode 100644
index a8eb04c1d..000000000
Binary files a/packages/tokens/assets/fonts/ABCFavorit-Medium.woff2 and /dev/null differ
diff --git a/packages/tokens/assets/fonts/ABCFavorit-Regular.woff2 b/packages/tokens/assets/fonts/ABCFavorit-Regular.woff2
deleted file mode 100644
index 90b7add1b..000000000
Binary files a/packages/tokens/assets/fonts/ABCFavorit-Regular.woff2 and /dev/null differ
diff --git a/packages/tokens/assets/fonts/ABCFavoritMono-Regular.woff2 b/packages/tokens/assets/fonts/ABCFavoritMono-Regular.woff2
deleted file mode 100644
index 94956a9c4..000000000
Binary files a/packages/tokens/assets/fonts/ABCFavoritMono-Regular.woff2 and /dev/null differ
diff --git a/packages/tokens/assets/fonts/Inter-Bold.otf b/packages/tokens/assets/fonts/Inter-Bold.otf
deleted file mode 100644
index ed9019a5a..000000000
Binary files a/packages/tokens/assets/fonts/Inter-Bold.otf and /dev/null differ
diff --git a/packages/tokens/assets/fonts/Inter-Bold.woff2 b/packages/tokens/assets/fonts/Inter-Bold.woff2
deleted file mode 100644
index 2846f29cc..000000000
Binary files a/packages/tokens/assets/fonts/Inter-Bold.woff2 and /dev/null differ
diff --git a/packages/tokens/assets/fonts/Inter-BoldItalic.woff2 b/packages/tokens/assets/fonts/Inter-BoldItalic.woff2
deleted file mode 100644
index 0b1fe8e12..000000000
Binary files a/packages/tokens/assets/fonts/Inter-BoldItalic.woff2 and /dev/null differ
diff --git a/packages/tokens/assets/fonts/Inter-Medium.woff2 b/packages/tokens/assets/fonts/Inter-Medium.woff2
deleted file mode 100644
index f92498a2e..000000000
Binary files a/packages/tokens/assets/fonts/Inter-Medium.woff2 and /dev/null differ
diff --git a/packages/tokens/assets/fonts/Inter-MediumItalic.woff2 b/packages/tokens/assets/fonts/Inter-MediumItalic.woff2
deleted file mode 100644
index 0e3019f4a..000000000
Binary files a/packages/tokens/assets/fonts/Inter-MediumItalic.woff2 and /dev/null differ
diff --git a/packages/tokens/assets/fonts/Inter-Regular.woff2 b/packages/tokens/assets/fonts/Inter-Regular.woff2
deleted file mode 100644
index 6c2b6893d..000000000
Binary files a/packages/tokens/assets/fonts/Inter-Regular.woff2 and /dev/null differ
diff --git a/packages/tokens/assets/fonts/Inter-SemiBold.woff2 b/packages/tokens/assets/fonts/Inter-SemiBold.woff2
deleted file mode 100644
index 611e90c95..000000000
Binary files a/packages/tokens/assets/fonts/Inter-SemiBold.woff2 and /dev/null differ
diff --git a/packages/tokens/assets/fonts/Inter-SemiBoldItalic.woff2 b/packages/tokens/assets/fonts/Inter-SemiBoldItalic.woff2
deleted file mode 100644
index 545685bd2..000000000
Binary files a/packages/tokens/assets/fonts/Inter-SemiBoldItalic.woff2 and /dev/null differ
diff --git a/packages/tokens/src/style-dictionary/config.ts b/packages/tokens/src/style-dictionary/config.ts
index bb58b8f8b..a2c937e9c 100644
--- a/packages/tokens/src/style-dictionary/config.ts
+++ b/packages/tokens/src/style-dictionary/config.ts
@@ -23,8 +23,7 @@ export const fontsConfig: Config = {
                         }
                     }
                 }
-            ],
-            "actions": ["copy_assets"]
+            ]
         }
     }
 };
diff --git a/packages/tokens/src/style-dictionary/format/font-face.ts b/packages/tokens/src/style-dictionary/format/font-face.ts
index 6104dbefb..5743d1e3f 100644
--- a/packages/tokens/src/style-dictionary/format/font-face.ts
+++ b/packages/tokens/src/style-dictionary/format/font-face.ts
@@ -7,6 +7,7 @@ export function fontFace ({ dictionary, options }: { dictionary: Dictionary; opt
     // https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src
     const formatsMap: { [i: string]: string } = {
         "woff2": "woff2",
+        "woff2-variations": "woff2-variations",
         "woff": "woff",
         "ttf": "truetype",
         "otf": "opentype",
@@ -22,7 +23,7 @@ export function fontFace ({ dictionary, options }: { dictionary: Dictionary; opt
         } = prop;
 
         const urls = formats
-            .map((extension: string) => `url("${fontPathPrefix}${path}.${extension}") format("${formatsMap[extension]}")`);
+            .map((extension: string) => `url("${fontPathPrefix}${path}") format("${formatsMap[extension]}")`);
 
         const fontCss = [
             "@font-face {",
diff --git a/packages/tokens/src/tokens/asset/fonts.tokens.json b/packages/tokens/src/tokens/asset/fonts.tokens.json
index 5d2eb7545..132bfda64 100644
--- a/packages/tokens/src/tokens/asset/fonts.tokens.json
+++ b/packages/tokens/src/tokens/asset/fonts.tokens.json
@@ -3,45 +3,25 @@
         "font": {
             "Inter": {
                 "normal": {
-                    "410": {
-                        "value": "assets/fonts/Inter-Regular",
-                        "formats": ["woff2"]
-                    },
-                    "505": {
-                        "value": "assets/fonts/Inter-Medium",
-                        "formats": ["woff2"]
-                    },
-                    "590": {
-                        "value": "assets/fonts/Inter-SemiBold",
-                        "formats": ["woff2"]
-                    },
-                    "690": {
-                        "value": "assets/fonts/Inter-Bold",
-                        "formats": ["woff2"]
+                    "100 900": {
+                        "value": "https://cdn.platform.workleap.com/hopper/fonts/inter/v4/InterVariable.woff2",
+                        "formats": ["woff2-variations"]
                     }
                 }
             },
             "ABC Favorit Mono": {
                 "normal": {
                     "400": {
-                        "value": "assets/fonts/ABCFavoritMono-Regular",
-                        "formats": ["woff2"]
+                        "value": "https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/mono/ABCFavoritMono-Regular.woff2",
+                        "formats": ["woff2-variations"]
                     }
                 }
             },
             "ABC Favorit": {
                 "normal": {
-                    "410": {
-                        "value": "assets/fonts/ABCFavorit-Regular",
-                        "formats": ["woff2"]
-                    },
-                    "580": {
-                        "value": "assets/fonts/ABCFavorit-Medium",
-                        "formats": ["woff2"]
-                    },
-                    "680": {
-                        "value": "assets/fonts/ABCFavorit-Bold",
-                        "formats": ["woff2"]
+                    "100 900": {
+                        "value": "https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/ABCFavoritVariable.woff2",
+                        "formats": ["woff2-variations"]
                     }
                 }
             }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ff2a11c71..180804231 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2159,7 +2159,7 @@ packages:
       micromatch: 4.0.5
       ts-pattern: 4.3.0
       unified: 10.1.2
-      yaml: 2.4.0
+      yaml: 2.4.1
       zod: 3.22.4
     transitivePeerDependencies:
       - '@effect-ts/otel-node'
@@ -2209,7 +2209,7 @@ packages:
       hash-wasm: 4.11.0
       inflection: 2.0.1
       memfs: 3.5.3
-      oo-ascii-tree: 1.94.0
+      oo-ascii-tree: 1.95.0
       ts-pattern: 4.3.0
       type-fest: 3.13.1
     dev: false
@@ -6122,104 +6122,104 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /@rollup/rollup-android-arm-eabi@4.12.0:
-    resolution: {integrity: sha512-+ac02NL/2TCKRrJu2wffk1kZ+RyqxVUlbjSagNgPm94frxtr+XDL12E5Ll1enWskLrtrZ2r8L3wED1orIibV/w==}
+  /@rollup/rollup-android-arm-eabi@4.12.1:
+    resolution: {integrity: sha512-iU2Sya8hNn1LhsYyf0N+L4Gf9Qc+9eBTJJJsaOGUp+7x4n2M9dxTt8UvhJl3oeftSjblSlpCfvjA/IfP3g5VjQ==}
     cpu: [arm]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-android-arm64@4.12.0:
-    resolution: {integrity: sha512-OBqcX2BMe6nvjQ0Nyp7cC90cnumt8PXmO7Dp3gfAju/6YwG0Tj74z1vKrfRz7qAv23nBcYM8BCbhrsWqO7PzQQ==}
+  /@rollup/rollup-android-arm64@4.12.1:
+    resolution: {integrity: sha512-wlzcWiH2Ir7rdMELxFE5vuM7D6TsOcJ2Yw0c3vaBR3VOsJFVTx9xvwnAvhgU5Ii8Gd6+I11qNHwndDscIm0HXg==}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-darwin-arm64@4.12.0:
-    resolution: {integrity: sha512-X64tZd8dRE/QTrBIEs63kaOBG0b5GVEd3ccoLtyf6IdXtHdh8h+I56C2yC3PtC9Ucnv0CpNFJLqKFVgCYe0lOQ==}
+  /@rollup/rollup-darwin-arm64@4.12.1:
+    resolution: {integrity: sha512-YRXa1+aZIFN5BaImK+84B3uNK8C6+ynKLPgvn29X9s0LTVCByp54TB7tdSMHDR7GTV39bz1lOmlLDuedgTwwHg==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-darwin-x64@4.12.0:
-    resolution: {integrity: sha512-cc71KUZoVbUJmGP2cOuiZ9HSOP14AzBAThn3OU+9LcA1+IUqswJyR1cAJj3Mg55HbjZP6OLAIscbQsQLrpgTOg==}
+  /@rollup/rollup-darwin-x64@4.12.1:
+    resolution: {integrity: sha512-opjWJ4MevxeA8FhlngQWPBOvVWYNPFkq6/25rGgG+KOy0r8clYwL1CFd+PGwRqqMFVQ4/Qd3sQu5t7ucP7C/Uw==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm-gnueabihf@4.12.0:
-    resolution: {integrity: sha512-a6w/Y3hyyO6GlpKL2xJ4IOh/7d+APaqLYdMf86xnczU3nurFTaVN9s9jOXQg97BE4nYm/7Ga51rjec5nfRdrvA==}
+  /@rollup/rollup-linux-arm-gnueabihf@4.12.1:
+    resolution: {integrity: sha512-uBkwaI+gBUlIe+EfbNnY5xNyXuhZbDSx2nzzW8tRMjUmpScd6lCQYKY2V9BATHtv5Ef2OBq6SChEP8h+/cxifQ==}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-gnu@4.12.0:
-    resolution: {integrity: sha512-0fZBq27b+D7Ar5CQMofVN8sggOVhEtzFUwOwPppQt0k+VR+7UHMZZY4y+64WJ06XOhBTKXtQB/Sv0NwQMXyNAA==}
+  /@rollup/rollup-linux-arm64-gnu@4.12.1:
+    resolution: {integrity: sha512-0bK9aG1kIg0Su7OcFTlexkVeNZ5IzEsnz1ept87a0TUgZ6HplSgkJAnFpEVRW7GRcikT4GlPV0pbtVedOaXHQQ==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-arm64-musl@4.12.0:
-    resolution: {integrity: sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ==}
+  /@rollup/rollup-linux-arm64-musl@4.12.1:
+    resolution: {integrity: sha512-qB6AFRXuP8bdkBI4D7UPUbE7OQf7u5OL+R94JE42Z2Qjmyj74FtDdLGeriRyBDhm4rQSvqAGCGC01b8Fu2LthQ==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-riscv64-gnu@4.12.0:
-    resolution: {integrity: sha512-ix+qAB9qmrCRiaO71VFfY8rkiAZJL8zQRXveS27HS+pKdjwUfEhqo2+YF2oI+H/22Xsiski+qqwIBxVewLK7sw==}
+  /@rollup/rollup-linux-riscv64-gnu@4.12.1:
+    resolution: {integrity: sha512-sHig3LaGlpNgDj5o8uPEoGs98RII8HpNIqFtAI8/pYABO8i0nb1QzT0JDoXF/pxzqO+FkxvwkHZo9k0NJYDedg==}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-gnu@4.12.0:
-    resolution: {integrity: sha512-TenQhZVOtw/3qKOPa7d+QgkeM6xY0LtwzR8OplmyL5LrgTWIXpTQg2Q2ycBf8jm+SFW2Wt/DTn1gf7nFp3ssVA==}
+  /@rollup/rollup-linux-x64-gnu@4.12.1:
+    resolution: {integrity: sha512-nD3YcUv6jBJbBNFvSbp0IV66+ba/1teuBcu+fBBPZ33sidxitc6ErhON3JNavaH8HlswhWMC3s5rgZpM4MtPqQ==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.12.0:
-    resolution: {integrity: sha512-LfFdRhNnW0zdMvdCb5FNuWlls2WbbSridJvxOvYWgSBOYZtgBfW9UGNJG//rwMqTX1xQE9BAodvMH9tAusKDUw==}
+  /@rollup/rollup-linux-x64-musl@4.12.1:
+    resolution: {integrity: sha512-7/XVZqgBby2qp/cO0TQ8uJK+9xnSdJ9ct6gSDdEr4MfABrjTyrW6Bau7HQ73a2a5tPB7hno49A0y1jhWGDN9OQ==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.12.0:
-    resolution: {integrity: sha512-JPDxovheWNp6d7AHCgsUlkuCKvtu3RB55iNEkaQcf0ttsDU/JZF+iQnYcQJSk/7PtT4mjjVG8N1kpwnI9SLYaw==}
+  /@rollup/rollup-win32-arm64-msvc@4.12.1:
+    resolution: {integrity: sha512-CYc64bnICG42UPL7TrhIwsJW4QcKkIt9gGlj21gq3VV0LL6XNb1yAdHVp1pIi9gkts9gGcT3OfUYHjGP7ETAiw==}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-ia32-msvc@4.12.0:
-    resolution: {integrity: sha512-fjtuvMWRGJn1oZacG8IPnzIV6GF2/XG+h71FKn76OYFqySXInJtseAqdprVTDTyqPxQOG9Exak5/E9Z3+EJ8ZA==}
+  /@rollup/rollup-win32-ia32-msvc@4.12.1:
+    resolution: {integrity: sha512-LN+vnlZ9g0qlHGlS920GR4zFCqAwbv2lULrR29yGaWP9u7wF5L7GqWu9Ah6/kFZPXPUkpdZwd//TNR+9XC9hvA==}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /@rollup/rollup-win32-x64-msvc@4.12.0:
-    resolution: {integrity: sha512-ZYmr5mS2wd4Dew/JjT0Fqi2NPB/ZhZ2VvPp7SmvPZb4Y1CG/LRcS6tcRo2cYU7zLK5A7cdbhWnnWmUjoI4qapg==}
+  /@rollup/rollup-win32-x64-msvc@4.12.1:
+    resolution: {integrity: sha512-n+vkrSyphvmU0qkQ6QBNXCGr2mKjhP08mPRM/Xp5Ck2FV4NrHU+y6axzDeixUrCBHVUS51TZhjqrKBBsHLKb2Q==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
@@ -6788,7 +6788,7 @@ packages:
     resolution: {integrity: sha512-Sc+zZg/BnPH2X28tthNaQBnDiFfO0QmfjVoOx0fGYM9SvY3P5ehzWwp5hMRBim6a/twOTzePADtqYL+t6GMqqg==}
     dependencies:
       '@storybook/csf-tools': 7.6.10
-      unplugin: 1.8.0
+      unplugin: 1.8.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -8804,13 +8804,12 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /asn1.js@5.4.1:
-    resolution: {integrity: sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==}
+  /asn1.js@4.10.1:
+    resolution: {integrity: sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==}
     dependencies:
       bn.js: 4.12.0
       inherits: 2.0.4
       minimalistic-assert: 1.0.1
-      safer-buffer: 2.1.2
     dev: true
 
   /assert@2.1.0:
@@ -9209,18 +9208,19 @@ packages:
       randombytes: 2.1.0
     dev: true
 
-  /browserify-sign@4.2.2:
-    resolution: {integrity: sha512-1rudGyeYY42Dk6texmv7c4VcQ0EsvVbLwZkA+AQB7SxvXxmcD93jcHie8bzecJ+ChDlmAm2Qyu0+Ccg5uhZXCg==}
-    engines: {node: '>= 4'}
+  /browserify-sign@4.2.3:
+    resolution: {integrity: sha512-JWCZW6SKhfhjJxO8Tyiiy+XYB7cqd2S5/+WeYHsKdNKFlCBhKbblba1A/HN/90YwtxKc8tCErjffZl++UNmGiw==}
+    engines: {node: '>= 0.12'}
     dependencies:
       bn.js: 5.2.1
       browserify-rsa: 4.1.0
       create-hash: 1.2.0
       create-hmac: 1.1.7
-      elliptic: 6.5.4
+      elliptic: 6.5.5
+      hash-base: 3.0.4
       inherits: 2.0.4
-      parse-asn1: 5.1.6
-      readable-stream: 3.6.2
+      parse-asn1: 5.1.7
+      readable-stream: 2.3.8
       safe-buffer: 5.2.1
     dev: true
 
@@ -9241,8 +9241,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001593
-      electron-to-chromium: 1.4.692
+      caniuse-lite: 1.0.30001594
+      electron-to-chromium: 1.4.693
       node-releases: 2.0.14
       update-browserslist-db: 1.0.13(browserslist@4.23.0)
 
@@ -9360,8 +9360,8 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /caniuse-lite@1.0.30001593:
-    resolution: {integrity: sha512-UWM1zlo3cZfkpBysd7AS+z+v007q9G1+fLTUU42rQnY6t2axoogPW/xol6T7juU5EUoOhML4WgBIdG+9yYqAjQ==}
+  /caniuse-lite@1.0.30001594:
+    resolution: {integrity: sha512-VblSX6nYqyJVs8DKFMldE2IVCJjZ225LW00ydtUWwh5hk9IfkTOffO6r8gJNsH0qqqeAF8KrbMYA2VEwTlGW5g==}
 
   /capital-case@1.0.4:
     resolution: {integrity: sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==}
@@ -9906,7 +9906,7 @@ packages:
     resolution: {integrity: sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==}
     dependencies:
       bn.js: 4.12.0
-      elliptic: 6.5.4
+      elliptic: 6.5.5
     dev: true
 
   /create-hash@1.2.0:
@@ -9991,7 +9991,7 @@ packages:
     resolution: {integrity: sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==}
     dependencies:
       browserify-cipher: 1.0.1
-      browserify-sign: 4.2.2
+      browserify-sign: 4.2.3
       create-ecdh: 4.0.4
       create-hash: 1.2.0
       create-hmac: 1.1.7
@@ -10582,11 +10582,11 @@ packages:
       jake: 10.8.7
     dev: true
 
-  /electron-to-chromium@1.4.692:
-    resolution: {integrity: sha512-d5rZRka9n2Y3MkWRN74IoAsxR0HK3yaAt7T50e3iT9VZmCCQDT3geXUO5ZRMhDToa1pkCeQXuNo+0g+NfDOVPA==}
+  /electron-to-chromium@1.4.693:
+    resolution: {integrity: sha512-/if4Ueg0GUQlhCrW2ZlXwDAm40ipuKo+OgeHInlL8sbjt+hzISxZK949fZeJaVsheamrzANXvw1zQTvbxTvSHw==}
 
-  /elliptic@6.5.4:
-    resolution: {integrity: sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==}
+  /elliptic@6.5.5:
+    resolution: {integrity: sha512-7EjbcmUm17NQFu4Pmgmq2olYMj8nwMnpcddByChSUjArp8F5DQWcIcpriwO4ZToLNAJig0yiyjswfyGNje/ixw==}
     dependencies:
       bn.js: 4.12.0
       brorand: 1.1.0
@@ -11770,8 +11770,8 @@ packages:
     resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
     dev: true
 
-  /flow-parser@0.229.2:
-    resolution: {integrity: sha512-T72XV2Izvl7yV6dhHhLaJ630Y6vOZJl6dnOS6dN0bPW9ExuREu7xGAf3omtcxX76POTuux9TJPu9ZpS48a/rdw==}
+  /flow-parser@0.230.0:
+    resolution: {integrity: sha512-ZAfKaarESYYcP/RoLdM91vX0u/1RR7jI5TJaFLnxwRlC2mp0o+Rw7ipIY7J6qpIpQYtAobWb/J6S0XPeu0gO8g==}
     engines: {node: '>=0.4.0'}
     dev: true
 
@@ -12273,6 +12273,14 @@ packages:
       has-symbols: 1.0.3
     dev: true
 
+  /hash-base@3.0.4:
+    resolution: {integrity: sha512-EeeoJKjTyt868liAlVmcv2ZsUfGHlE3Q+BICOXcZiwN3osr5Q/zFGYmTJpoIzuaSTAwndFy+GqhEwlU4L3j4Ow==}
+    engines: {node: '>=4'}
+    dependencies:
+      inherits: 2.0.4
+      safe-buffer: 5.2.1
+    dev: true
+
   /hash-base@3.1.0:
     resolution: {integrity: sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==}
     engines: {node: '>=4'}
@@ -12520,7 +12528,7 @@ packages:
       he: 1.2.0
       param-case: 3.0.4
       relateurl: 0.2.7
-      terser: 5.28.1
+      terser: 5.29.1
     dev: true
 
   /html-tags@3.3.1:
@@ -13798,7 +13806,7 @@ packages:
       '@babel/register': 7.23.7(@babel/core@7.24.0)
       babel-core: 7.0.0-bridge.0(@babel/core@7.24.0)
       chalk: 4.1.2
-      flow-parser: 0.229.2
+      flow-parser: 0.230.0
       graceful-fs: 4.2.11
       micromatch: 4.0.5
       neo-async: 2.6.2
@@ -15167,7 +15175,7 @@ packages:
       '@opentelemetry/api': 1.8.0
       '@swc/helpers': 0.5.2
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001593
+      caniuse-lite: 1.0.30001594
       graceful-fs: 4.2.11
       postcss: 8.4.31
       react: 18.2.0
@@ -15497,8 +15505,8 @@ packages:
       mimic-fn: 4.0.0
     dev: true
 
-  /oo-ascii-tree@1.94.0:
-    resolution: {integrity: sha512-i6UllReifEW2InBJHVFJNxrledRp3yr/yKVbpDmgWTguRe8/7BtBK3njzjvZNcPLEAtiWWxr0o9SpwYjapmTOw==}
+  /oo-ascii-tree@1.95.0:
+    resolution: {integrity: sha512-e9LWcjDtQIwFHICbeAjv2+RGJUFu3+A6oTjpymH+gfxATqPqcUV5oeGON9a/1uBr8Q0bc2/yEHVp1A/dp1iaog==}
     engines: {node: '>= 14.17.0'}
     dev: false
 
@@ -15650,12 +15658,14 @@ packages:
       callsites: 3.1.0
     dev: true
 
-  /parse-asn1@5.1.6:
-    resolution: {integrity: sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==}
+  /parse-asn1@5.1.7:
+    resolution: {integrity: sha512-CTM5kuWR3sx9IFamcl5ErfPl6ea/N8IYwiJ+vpeB2g+1iknv7zBl5uPwbMbRVznRVbrNY6lGuDoE5b30grmbqg==}
+    engines: {node: '>= 0.10'}
     dependencies:
-      asn1.js: 5.4.1
+      asn1.js: 4.10.1
       browserify-aes: 1.2.0
       evp_bytestokey: 1.0.3
+      hash-base: 3.0.4
       pbkdf2: 3.1.2
       safe-buffer: 5.2.1
     dev: true
@@ -15916,7 +15926,7 @@ packages:
       lilconfig: 3.1.1
       postcss: 8.4.33
       ts-node: 10.9.2(@swc/core@1.3.106)(@types/node@20.11.7)(typescript@5.3.3)
-      yaml: 2.4.0
+      yaml: 2.4.1
     dev: true
 
   /postcss-loader@7.3.4(postcss@8.4.33)(typescript@5.3.3)(webpack@5.90.3):
@@ -16204,7 +16214,7 @@ packages:
       bn.js: 4.12.0
       browserify-rsa: 4.1.0
       create-hash: 1.2.0
-      parse-asn1: 5.1.6
+      parse-asn1: 5.1.7
       randombytes: 2.1.0
       safe-buffer: 5.2.1
     dev: true
@@ -17094,26 +17104,26 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /rollup@4.12.0:
-    resolution: {integrity: sha512-wz66wn4t1OHIJw3+XU7mJJQV/2NAfw5OAk6G6Hoo3zcvz/XOfQ52Vgi+AN4Uxoxi0KBBwk2g8zPrTDA4btSB/Q==}
+  /rollup@4.12.1:
+    resolution: {integrity: sha512-ggqQKvx/PsB0FaWXhIvVkSWh7a/PCLQAsMjBc+nA2M8Rv2/HG0X6zvixAB7KyZBRtifBUhy5k8voQX/mRnABPg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
     dependencies:
       '@types/estree': 1.0.5
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.12.0
-      '@rollup/rollup-android-arm64': 4.12.0
-      '@rollup/rollup-darwin-arm64': 4.12.0
-      '@rollup/rollup-darwin-x64': 4.12.0
-      '@rollup/rollup-linux-arm-gnueabihf': 4.12.0
-      '@rollup/rollup-linux-arm64-gnu': 4.12.0
-      '@rollup/rollup-linux-arm64-musl': 4.12.0
-      '@rollup/rollup-linux-riscv64-gnu': 4.12.0
-      '@rollup/rollup-linux-x64-gnu': 4.12.0
-      '@rollup/rollup-linux-x64-musl': 4.12.0
-      '@rollup/rollup-win32-arm64-msvc': 4.12.0
-      '@rollup/rollup-win32-ia32-msvc': 4.12.0
-      '@rollup/rollup-win32-x64-msvc': 4.12.0
+      '@rollup/rollup-android-arm-eabi': 4.12.1
+      '@rollup/rollup-android-arm64': 4.12.1
+      '@rollup/rollup-darwin-arm64': 4.12.1
+      '@rollup/rollup-darwin-x64': 4.12.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.12.1
+      '@rollup/rollup-linux-arm64-gnu': 4.12.1
+      '@rollup/rollup-linux-arm64-musl': 4.12.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.12.1
+      '@rollup/rollup-linux-x64-gnu': 4.12.1
+      '@rollup/rollup-linux-x64-musl': 4.12.1
+      '@rollup/rollup-win32-arm64-msvc': 4.12.1
+      '@rollup/rollup-win32-ia32-msvc': 4.12.1
+      '@rollup/rollup-win32-x64-msvc': 4.12.1
       fsevents: 2.3.3
     dev: true
 
@@ -18121,12 +18131,12 @@ packages:
       jest-worker: 27.5.1
       schema-utils: 3.3.0
       serialize-javascript: 6.0.2
-      terser: 5.28.1
+      terser: 5.29.1
       webpack: 5.90.3(@swc/core@1.3.106)(esbuild@0.20.1)
     dev: true
 
-  /terser@5.28.1:
-    resolution: {integrity: sha512-wM+bZp54v/E9eRRGXb5ZFDvinrJIOaTapx3WUokyVGZu5ucVCK55zEgGd5Dl2fSr3jUo5sDiERErUWLY6QPFyA==}
+  /terser@5.29.1:
+    resolution: {integrity: sha512-lZQ/fyaIGxsbGxApKmoPTODIzELy3++mXhS5hOqaAWZjQtpq/hFHAc+rm29NND1rYRxRWKcjuARNwULNXa5RtQ==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
@@ -18490,7 +18500,7 @@ packages:
       postcss: 8.4.33
       postcss-load-config: 4.0.2(postcss@8.4.33)(ts-node@10.9.2)
       resolve-from: 5.0.0
-      rollup: 4.12.0
+      rollup: 4.12.1
       source-map: 0.8.0-beta.0
       sucrase: 3.35.0
       tree-kill: 1.2.2
@@ -18753,7 +18763,7 @@ packages:
       vfile-message: 3.1.4
       vfile-reporter: 7.0.5
       vfile-statistics: 2.0.1
-      yaml: 2.4.0
+      yaml: 2.4.1
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -18905,8 +18915,8 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /unplugin@1.8.0:
-    resolution: {integrity: sha512-yGEQsodWICmgt7asHF7QzqDZYeEP9h14vyd9Lul98UnYf29pLZZLwI09z2QdTjwU/FCkum1SRvsK7cx232X8NA==}
+  /unplugin@1.8.2:
+    resolution: {integrity: sha512-fgldo8hwP8dV94ne3rwQqlZkZWdcqH4K48bXax+N0MrBapfvoTbIQt9L2Vj/DzZAbWI/+kd2b9ZDsB7QZgz/hw==}
     dependencies:
       acorn: 8.11.3
       chokidar: 3.6.0
@@ -19648,8 +19658,8 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
-  /yaml@2.4.0:
-    resolution: {integrity: sha512-j9iR8g+/t0lArF4V6NE/QCfT+CO7iLqrXAHZbJdo+LfjqP1vR8Fg5bSiaq6Q2lOD1AUEVrEVIgABvBFYojJVYQ==}
+  /yaml@2.4.1:
+    resolution: {integrity: sha512-pIXzoImaqmfOrL7teGUBt/T7ZDnyeGBWyXQBvOVhLkWLN37GXv8NMLK406UY6dS51JfcQHsmcW5cJ441bHg6Lg==}
     engines: {node: '>= 14'}
     hasBin: true