diff --git a/.storybook/preview.ts b/.storybook/preview.ts
index 25861fce..d0ab9bd2 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.ts
@@ -17,8 +17,7 @@ const preview: Preview = {
   // @ts-ignore Is OK
   decorators: [() => Wrapper],
   tags: ['autodocs'],
-  parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
+  parameters: { 
     viewMode: 'docs',
     previewTabs: { 'storybook/docs/panel': { index: -1 } },
     controls: {
diff --git a/package.json b/package.json
index 169e8cb0..1b13212c 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "svelte": ">=4"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.27.9",
+    "@changesets/cli": "^2.27.10",
     "@chromatic-com/storybook": "^1.7.0",
     "@reuters-graphics/yaks-eslint": "^0.0.6",
     "@reuters-graphics/yaks-prettier": "^0.0.4",
@@ -69,7 +69,7 @@
     "@types/gtag.js": "^0.0.12",
     "@types/lodash-es": "^4.17.12",
     "@types/mdx": "^2.0.5",
-    "@types/node": "^22.4.2",
+    "@types/node": "^22.9.1",
     "@types/prompts": "^2.4.9",
     "@types/proper-url-join": "^2.1.1",
     "@types/pym.js": "^1.3.2",
@@ -80,9 +80,9 @@
     "css": "^3.0.0",
     "css-color-converter": "^2.0.0",
     "deep-object-diff": "^1.1.9",
-    "eslint": "^9.9.0",
+    "eslint": "^9.15.0",
     "eslint-plugin-mdx": "^3.1.5",
-    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react": "^7.37.2",
     "fs-extra": "^11.1.1",
     "kleur": "^4.1.5",
     "knip": "^5.27.2",
@@ -101,7 +101,7 @@
     "react-syntax-highlighter": "^15.5.0",
     "remark-gfm": "^4.0.0",
     "rimraf": "^5.0.0",
-    "sass": "^1.77.8",
+    "sass": "^1.81.0",
     "storybook": "^8.4.4",
     "svelte": "^4.2.18",
     "svelte-loader": "^3.2.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cce7148f..e7f481c5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -52,14 +52,14 @@ importers:
         version: 2.1.0
     devDependencies:
       '@changesets/cli':
-        specifier: ^2.27.9
-        version: 2.27.9
+        specifier: ^2.27.10
+        version: 2.27.10
       '@chromatic-com/storybook':
         specifier: ^1.7.0
         version: 1.9.0(react@18.3.1)
       '@reuters-graphics/yaks-eslint':
         specifier: ^0.0.6
-        version: 0.0.6(@types/eslint@9.6.1)(eslint@9.14.0(jiti@2.4.0))(prettier@3.3.3)(svelte@4.2.19)(typescript@5.6.3)
+        version: 0.0.6(@types/eslint@9.6.1)(eslint@9.15.0(jiti@2.4.0))(prettier@3.3.3)(svelte@4.2.19)(typescript@5.6.3)
       '@reuters-graphics/yaks-prettier':
         specifier: ^0.0.4
         version: 0.0.4(prettier@3.3.3)(svelte@4.2.19)(typescript@5.6.3)
@@ -92,7 +92,7 @@ importers:
         version: 8.4.4(storybook@8.4.4(prettier@3.3.3))
       '@storybook/addon-svelte-csf':
         specifier: ^4.1.7
-        version: 4.1.7(@storybook/svelte@8.4.4(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19))(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0)))(storybook@8.4.4(prettier@3.3.3))(svelte-loader@3.2.4(svelte@4.2.19))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))
+        version: 4.1.7(@storybook/svelte@8.4.4(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19))(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0)))(storybook@8.4.4(prettier@3.3.3))(svelte-loader@3.2.4(svelte@4.2.19))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))
       '@storybook/addon-toolbars':
         specifier: ^8.4.4
         version: 8.4.4(storybook@8.4.4(prettier@3.3.3))
@@ -104,7 +104,7 @@ importers:
         version: 8.4.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.4(prettier@3.3.3))
       '@storybook/builder-vite':
         specifier: ^8.4.4
-        version: 8.4.4(storybook@8.4.4(prettier@3.3.3))(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))
+        version: 8.4.4(storybook@8.4.4(prettier@3.3.3))(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))
       '@storybook/components':
         specifier: ^8.4.4
         version: 8.4.4(storybook@8.4.4(prettier@3.3.3))
@@ -119,7 +119,7 @@ importers:
         version: 8.4.4(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19)
       '@storybook/svelte-vite':
         specifier: ^8.4.4
-        version: 8.4.4(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0)))(postcss-load-config@3.1.4(postcss@8.4.49))(postcss@8.4.49)(sass@1.81.0)(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))
+        version: 8.4.4(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0)))(postcss-load-config@3.1.4(postcss@8.4.49))(postcss@8.4.49)(sass@1.81.0)(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))
       '@storybook/test':
         specifier: ^8.4.4
         version: 8.4.4(storybook@8.4.4(prettier@3.3.3))
@@ -131,7 +131,7 @@ importers:
         version: 2.3.7(svelte@4.2.19)(typescript@5.6.3)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.1
-        version: 3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))
+        version: 3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))
       '@types/css':
         specifier: ^0.0.37
         version: 0.0.37
@@ -154,8 +154,8 @@ importers:
         specifier: ^2.0.5
         version: 2.0.13
       '@types/node':
-        specifier: ^22.4.2
-        version: 22.9.0
+        specifier: ^22.9.1
+        version: 22.9.1
       '@types/prompts':
         specifier: ^2.4.9
         version: 2.4.9
@@ -187,14 +187,14 @@ importers:
         specifier: ^1.1.9
         version: 1.1.9
       eslint:
-        specifier: ^9.9.0
-        version: 9.14.0(jiti@2.4.0)
+        specifier: ^9.15.0
+        version: 9.15.0(jiti@2.4.0)
       eslint-plugin-mdx:
         specifier: ^3.1.5
-        version: 3.1.5(eslint@9.14.0(jiti@2.4.0))
+        version: 3.1.5(eslint@9.15.0(jiti@2.4.0))
       eslint-plugin-react:
-        specifier: ^7.35.0
-        version: 7.37.2(eslint@9.14.0(jiti@2.4.0))
+        specifier: ^7.37.2
+        version: 7.37.2(eslint@9.15.0(jiti@2.4.0))
       fs-extra:
         specifier: ^11.1.1
         version: 11.2.0
@@ -203,7 +203,7 @@ importers:
         version: 4.1.5
       knip:
         specifier: ^5.27.2
-        version: 5.37.0(@types/node@22.9.0)(typescript@5.6.3)
+        version: 5.37.0(@types/node@22.9.1)(typescript@5.6.3)
       mermaid:
         specifier: ^10.9.1
         version: 10.9.3
@@ -250,7 +250,7 @@ importers:
         specifier: ^5.0.0
         version: 5.0.10
       sass:
-        specifier: ^1.77.8
+        specifier: ^1.81.0
         version: 1.81.0
       storybook:
         specifier: ^8.4.4
@@ -269,7 +269,7 @@ importers:
         version: 5.6.3
       vite:
         specifier: ^5.4.2
-        version: 5.4.11(@types/node@22.9.0)(sass@1.81.0)
+        version: 5.4.11(@types/node@22.9.1)(sass@1.81.0)
 
 packages:
 
@@ -295,21 +295,21 @@ packages:
   '@braintree/sanitize-url@6.0.4':
     resolution: {integrity: sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A==}
 
-  '@changesets/apply-release-plan@7.0.5':
-    resolution: {integrity: sha512-1cWCk+ZshEkSVEZrm2fSj1Gz8sYvxgUL4Q78+1ZZqeqfuevPTPk033/yUZ3df8BKMohkqqHfzj0HOOrG0KtXTw==}
+  '@changesets/apply-release-plan@7.0.6':
+    resolution: {integrity: sha512-TKhVLtiwtQOgMAC0fCJfmv93faiViKSDqr8oMEqrnNs99gtSC1sZh/aEMS9a+dseU1ESZRCK+ofLgGY7o0fw/Q==}
 
-  '@changesets/assemble-release-plan@6.0.4':
-    resolution: {integrity: sha512-nqICnvmrwWj4w2x0fOhVj2QEGdlUuwVAwESrUo5HLzWMI1rE5SWfsr9ln+rDqWB6RQ2ZyaMZHUcU7/IRaUJS+Q==}
+  '@changesets/assemble-release-plan@6.0.5':
+    resolution: {integrity: sha512-IgvBWLNKZd6k4t72MBTBK3nkygi0j3t3zdC1zrfusYo0KpdsvnDjrMM9vPnTCLCMlfNs55jRL4gIMybxa64FCQ==}
 
   '@changesets/changelog-git@0.2.0':
     resolution: {integrity: sha512-bHOx97iFI4OClIT35Lok3sJAwM31VbUM++gnMBV16fdbtBhgYu4dxsphBF/0AZZsyAHMrnM0yFcj5gZM1py6uQ==}
 
-  '@changesets/cli@2.27.9':
-    resolution: {integrity: sha512-q42a/ZbDnxPpCb5Wkm6tMVIxgeI9C/bexntzTeCFBrQEdpisQqk8kCHllYZMDjYtEc1ZzumbMJAG8H0Z4rdvjg==}
+  '@changesets/cli@2.27.10':
+    resolution: {integrity: sha512-PfeXjvs9OfQJV8QSFFHjwHX3QnUL9elPEQ47SgkiwzLgtKGyuikWjrdM+lO9MXzOE22FO9jEGkcs4b+B6D6X0Q==}
     hasBin: true
 
-  '@changesets/config@3.0.3':
-    resolution: {integrity: sha512-vqgQZMyIcuIpw9nqFIpTSNyc/wgm/Lu1zKN5vECy74u95Qx/Wa9g27HdgO4NkVAaq+BGA8wUc/qvbvVNs93n6A==}
+  '@changesets/config@3.0.4':
+    resolution: {integrity: sha512-+DiIwtEBpvvv1z30f8bbOsUQGuccnZl9KRKMM/LxUHuDu5oEjmN+bJQ1RIBKNJjfYMQn8RZzoPiX0UgPaLQyXw==}
 
   '@changesets/errors@0.2.0':
     resolution: {integrity: sha512-6BLOQUscTpZeGljvyQXlWOItQyU71kCdGz7Pi8H8zdw6BI0g3m43iL4xKUVPWtG+qrrL9DTjpdn8eYuCQSRpow==}
@@ -317,14 +317,14 @@ packages:
   '@changesets/get-dependents-graph@2.1.2':
     resolution: {integrity: sha512-sgcHRkiBY9i4zWYBwlVyAjEM9sAzs4wYVwJUdnbDLnVG3QwAaia1Mk5P8M7kraTOZN+vBET7n8KyB0YXCbFRLQ==}
 
-  '@changesets/get-release-plan@4.0.4':
-    resolution: {integrity: sha512-SicG/S67JmPTrdcc9Vpu0wSQt7IiuN0dc8iR5VScnnTVPfIaLvKmEGRvIaF0kcn8u5ZqLbormZNTO77bCEvyWw==}
+  '@changesets/get-release-plan@4.0.5':
+    resolution: {integrity: sha512-E6wW7JoSMcctdVakut0UB76FrrN3KIeJSXvB+DHMFo99CnC3ZVnNYDCVNClMlqAhYGmLmAj77QfApaI3ca4Fkw==}
 
   '@changesets/get-version-range-type@0.4.0':
     resolution: {integrity: sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ==}
 
-  '@changesets/git@3.0.1':
-    resolution: {integrity: sha512-pdgHcYBLCPcLd82aRcuO0kxCDbw/yISlOtkmwmE8Odo1L6hSiZrBOsRl84eYG7DRCab/iHnOkWqExqc4wxk2LQ==}
+  '@changesets/git@3.0.2':
+    resolution: {integrity: sha512-r1/Kju9Y8OxRRdvna+nxpQIsMsRQn9dhhAZt94FLDeu0Hij2hnOozW8iqnHBgvu+KdnJppCveQwK4odwfw/aWQ==}
 
   '@changesets/logger@0.1.1':
     resolution: {integrity: sha512-OQtR36ZlnuTxKqoW4Sv6x5YIhOmClRd5pWsjZsddYxpWs517R0HkyiefQPIytCVh4ZcC5x9XaG8KTdd5iRQUfg==}
@@ -335,8 +335,8 @@ packages:
   '@changesets/pre@2.0.1':
     resolution: {integrity: sha512-vvBJ/If4jKM4tPz9JdY2kGOgWmCowUYOi5Ycv8dyLnEE8FgpYYUo1mgJZxcdtGGP3aG8rAQulGLyyXGSLkIMTQ==}
 
-  '@changesets/read@0.6.1':
-    resolution: {integrity: sha512-jYMbyXQk3nwP25nRzQQGa1nKLY0KfoOV7VLgwucI0bUO8t8ZLCr6LZmgjXsiKuRDc+5A6doKPr9w2d+FEJ55zQ==}
+  '@changesets/read@0.6.2':
+    resolution: {integrity: sha512-wjfQpJvryY3zD61p8jR87mJdyx2FIhEcdXhKUqkja87toMrP/3jtg/Yg29upN+N4Ckf525/uvV7a4tzBlpk6gg==}
 
   '@changesets/should-skip-package@0.1.1':
     resolution: {integrity: sha512-H9LjLbF6mMHLtJIc/eHR9Na+MifJ3VxtgP/Y+XLn4BF7tDTEN1HNYtH6QMcjP1uxp9sjaFYmW8xqloaCi/ckTg==}
@@ -646,26 +646,30 @@ packages:
     resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/config-array@0.18.0':
-    resolution: {integrity: sha512-fTxvnS1sRMu3+JjXwJG0j/i4RT9u4qJ+lqS/yCGap4lH4zZGzQ7tu+xZqQmcMZq5OBZDL4QRxQzRjkWcGt8IVw==}
+  '@eslint/config-array@0.19.0':
+    resolution: {integrity: sha512-zdHg2FPIFNKPdcHWtiNT+jEFCHYVplAXRDlQDyqy0zGx/q2parwh7brGJSiTxRk/TSMkbM//zt/f5CHgyTyaSQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@eslint/core@0.7.0':
-    resolution: {integrity: sha512-xp5Jirz5DyPYlPiKat8jaq0EmYvDXKKpzTbxXMpT9eqlRJkRKIz9AGMdlvYjih+im+QlhWrpvVjl8IPC/lHlUw==}
+  '@eslint/core@0.9.0':
+    resolution: {integrity: sha512-7ATR9F0e4W85D/0w7cU0SNj7qkAexMG+bAHEZOjo9akvGuhHE2m7umzWzfnpa0XAg5Kxc1BWmtPMV67jJ+9VUg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/eslintrc@1.4.1':
     resolution: {integrity: sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@eslint/eslintrc@3.1.0':
-    resolution: {integrity: sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==}
+  '@eslint/eslintrc@3.2.0':
+    resolution: {integrity: sha512-grOjVNN8P3hjJn/eIETF1wwd12DdnwFDoyceUJLYYdkpbwq3nLi+4fqrTAONx7XDALqlL220wC/RHSC/QTI/0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@eslint/js@9.14.0':
     resolution: {integrity: sha512-pFoEtFWCPyDOl+C6Ift+wC7Ro89otjigCf5vcuWqWgqNSQbRrpjSvdeE6ofLz4dHmyxD5f7gIdGT4+p36L6Twg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@eslint/js@9.15.0':
+    resolution: {integrity: sha512-tMTqrY+EzbXmKJR5ToI8lxu7jaN5EdmrBFJpQk5JmSlyLsx6o4t27r883K5xsLuCYCpfKBCGswMSWXsM+jB7lg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/object-schema@2.1.4':
     resolution: {integrity: sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1288,8 +1292,8 @@ packages:
   '@types/node@12.20.55':
     resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
 
-  '@types/node@22.9.0':
-    resolution: {integrity: sha512-vuyHg81vvWA1Z1ELfvLko2c8f34gyA0zaic0+Rllc5lbCnbSyuvb2Oxpm6TAUAC/2xZN3QGqxBNggD1nNR2AfQ==}
+  '@types/node@22.9.1':
+    resolution: {integrity: sha512-p8Yy/8sw1caA8CdRIQBG5tiLHmxtQKObCijiAa9Ez+d4+PRffM4054xbju0msf+cvhJpnFEeNjxmVT/0ipktrg==}
 
   '@types/prompts@2.4.9':
     resolution: {integrity: sha512-qTxFi6Buiu8+50/+3DGIWLHM6QuWsEKugJnnP6iv2Mc4ncxE4A/OJkjuVOA+5X0X1S/nq5VJRa8Lu+nwcvbrKA==}
@@ -1698,9 +1702,6 @@ packages:
   cose-base@1.0.3:
     resolution: {integrity: sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==}
 
-  cross-spawn@5.1.0:
-    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
-
   cross-spawn@6.0.5:
     resolution: {integrity: sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==}
     engines: {node: '>=4.8'}
@@ -2211,8 +2212,8 @@ packages:
     deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
-  eslint@9.14.0:
-    resolution: {integrity: sha512-c2FHsVBr87lnUtjP4Yhvk4yEhKrQavGafRA/Se1ouse8PfbfC/Qh9Mxa00yWsZRlqeUB9raXip0aiiUZkgnr9g==}
+  eslint@9.15.0:
+    resolution: {integrity: sha512-7CrWySmIibCgT1Os28lUU6upBshZ+GxybLOrmRzi08kS8MBuO8QA7pXEgYgY5W8vK3e74xv0lpjo9DbaGU9Rkw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -2890,9 +2891,6 @@ packages:
   lru-cache@10.4.3:
     resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
-  lru-cache@4.1.5:
-    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
-
   lz-string@1.5.0:
     resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
     hasBin: true
@@ -3556,9 +3554,6 @@ packages:
   property-information@5.6.0:
     resolution: {integrity: sha512-YUHSPk+A30YPv+0Qf8i9Mbfe/C0hdPXk1s1jPVToV8pk8BQtpw10ct89Eo7OWkutrwqvT0eicAxlOg3dOAu8JA==}
 
-  pseudomap@1.0.2:
-    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
-
   publint@0.2.12:
     resolution: {integrity: sha512-YNeUtCVeM4j9nDiTT2OPczmlyzOkIXNtdDZnSuajAxS/nZ6j3t7Vs9SUB4euQNddiltIwu7Tdd3s+hr08fAsMw==}
     engines: {node: '>=16'}
@@ -3796,9 +3791,6 @@ packages:
     resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
     engines: {node: '>= 0.4'}
 
-  signal-exit@3.0.7:
-    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
-
   signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
@@ -3840,8 +3832,8 @@ packages:
   space-separated-tokens@1.1.5:
     resolution: {integrity: sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA==}
 
-  spawndamnit@2.0.0:
-    resolution: {integrity: sha512-j4JKEcncSjFlqIwU5L/rp2N5SIPsdxaRsIv678+TZxZ0SRDJTm8JrxJMjE/XuiEZNEir3S8l0Fa3Ke339WI4qA==}
+  spawndamnit@3.0.1:
+    resolution: {integrity: sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg==}
 
   spdx-correct@3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
@@ -4363,9 +4355,6 @@ packages:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
 
-  yallist@2.1.2:
-    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
-
   yaml@1.10.2:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
@@ -4414,11 +4403,11 @@ snapshots:
 
   '@braintree/sanitize-url@6.0.4': {}
 
-  '@changesets/apply-release-plan@7.0.5':
+  '@changesets/apply-release-plan@7.0.6':
     dependencies:
-      '@changesets/config': 3.0.3
+      '@changesets/config': 3.0.4
       '@changesets/get-version-range-type': 0.4.0
-      '@changesets/git': 3.0.1
+      '@changesets/git': 3.0.2
       '@changesets/should-skip-package': 0.1.1
       '@changesets/types': 6.0.0
       '@manypkg/get-packages': 1.1.3
@@ -4430,7 +4419,7 @@ snapshots:
       resolve-from: 5.0.0
       semver: 7.6.3
 
-  '@changesets/assemble-release-plan@6.0.4':
+  '@changesets/assemble-release-plan@6.0.5':
     dependencies:
       '@changesets/errors': 0.2.0
       '@changesets/get-dependents-graph': 2.1.2
@@ -4443,19 +4432,19 @@ snapshots:
     dependencies:
       '@changesets/types': 6.0.0
 
-  '@changesets/cli@2.27.9':
+  '@changesets/cli@2.27.10':
     dependencies:
-      '@changesets/apply-release-plan': 7.0.5
-      '@changesets/assemble-release-plan': 6.0.4
+      '@changesets/apply-release-plan': 7.0.6
+      '@changesets/assemble-release-plan': 6.0.5
       '@changesets/changelog-git': 0.2.0
-      '@changesets/config': 3.0.3
+      '@changesets/config': 3.0.4
       '@changesets/errors': 0.2.0
       '@changesets/get-dependents-graph': 2.1.2
-      '@changesets/get-release-plan': 4.0.4
-      '@changesets/git': 3.0.1
+      '@changesets/get-release-plan': 4.0.5
+      '@changesets/git': 3.0.2
       '@changesets/logger': 0.1.1
       '@changesets/pre': 2.0.1
-      '@changesets/read': 0.6.1
+      '@changesets/read': 0.6.2
       '@changesets/should-skip-package': 0.1.1
       '@changesets/types': 6.0.0
       '@changesets/write': 0.3.2
@@ -4471,10 +4460,10 @@ snapshots:
       picocolors: 1.1.1
       resolve-from: 5.0.0
       semver: 7.6.3
-      spawndamnit: 2.0.0
+      spawndamnit: 3.0.1
       term-size: 2.2.1
 
-  '@changesets/config@3.0.3':
+  '@changesets/config@3.0.4':
     dependencies:
       '@changesets/errors': 0.2.0
       '@changesets/get-dependents-graph': 2.1.2
@@ -4495,24 +4484,24 @@ snapshots:
       picocolors: 1.1.1
       semver: 7.6.3
 
-  '@changesets/get-release-plan@4.0.4':
+  '@changesets/get-release-plan@4.0.5':
     dependencies:
-      '@changesets/assemble-release-plan': 6.0.4
-      '@changesets/config': 3.0.3
+      '@changesets/assemble-release-plan': 6.0.5
+      '@changesets/config': 3.0.4
       '@changesets/pre': 2.0.1
-      '@changesets/read': 0.6.1
+      '@changesets/read': 0.6.2
       '@changesets/types': 6.0.0
       '@manypkg/get-packages': 1.1.3
 
   '@changesets/get-version-range-type@0.4.0': {}
 
-  '@changesets/git@3.0.1':
+  '@changesets/git@3.0.2':
     dependencies:
       '@changesets/errors': 0.2.0
       '@manypkg/get-packages': 1.1.3
       is-subdir: 1.2.0
       micromatch: 4.0.8
-      spawndamnit: 2.0.0
+      spawndamnit: 3.0.1
 
   '@changesets/logger@0.1.1':
     dependencies:
@@ -4530,9 +4519,9 @@ snapshots:
       '@manypkg/get-packages': 1.1.3
       fs-extra: 7.0.1
 
-  '@changesets/read@0.6.1':
+  '@changesets/read@0.6.2':
     dependencies:
-      '@changesets/git': 3.0.1
+      '@changesets/git': 3.0.2
       '@changesets/logger': 0.1.1
       '@changesets/parse': 0.4.0
       '@changesets/types': 6.0.0
@@ -4709,14 +4698,14 @@ snapshots:
   '@esbuild/win32-x64@0.24.0':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.1(eslint@9.14.0(jiti@2.4.0))':
+  '@eslint-community/eslint-utils@4.4.1(eslint@9.15.0(jiti@2.4.0))':
     dependencies:
-      eslint: 9.14.0(jiti@2.4.0)
+      eslint: 9.15.0(jiti@2.4.0)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
 
-  '@eslint/config-array@0.18.0':
+  '@eslint/config-array@0.19.0':
     dependencies:
       '@eslint/object-schema': 2.1.4
       debug: 4.3.7
@@ -4724,7 +4713,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/core@0.7.0': {}
+  '@eslint/core@0.9.0': {}
 
   '@eslint/eslintrc@1.4.1':
     dependencies:
@@ -4740,7 +4729,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/eslintrc@3.1.0':
+  '@eslint/eslintrc@3.2.0':
     dependencies:
       ajv: 6.12.6
       debug: 4.3.7
@@ -4756,6 +4745,8 @@ snapshots:
 
   '@eslint/js@9.14.0': {}
 
+  '@eslint/js@9.15.0': {}
+
   '@eslint/object-schema@2.1.4': {}
 
   '@eslint/plugin-kit@0.2.3':
@@ -4973,17 +4964,17 @@ snapshots:
 
   '@pkgr/core@0.1.1': {}
 
-  '@reuters-graphics/yaks-eslint@0.0.6(@types/eslint@9.6.1)(eslint@9.14.0(jiti@2.4.0))(prettier@3.3.3)(svelte@4.2.19)(typescript@5.6.3)':
+  '@reuters-graphics/yaks-eslint@0.0.6(@types/eslint@9.6.1)(eslint@9.15.0(jiti@2.4.0))(prettier@3.3.3)(svelte@4.2.19)(typescript@5.6.3)':
     dependencies:
       '@eslint/js': 9.14.0
-      eslint: 9.14.0(jiti@2.4.0)
-      eslint-config-prettier: 9.1.0(eslint@9.14.0(jiti@2.4.0))
-      eslint-plugin-prettier: 5.2.1(@types/eslint@9.6.1)(eslint-config-prettier@9.1.0(eslint@9.14.0(jiti@2.4.0)))(eslint@9.14.0(jiti@2.4.0))(prettier@3.3.3)
-      eslint-plugin-svelte: 2.46.0(eslint@9.14.0(jiti@2.4.0))(svelte@4.2.19)
+      eslint: 9.15.0(jiti@2.4.0)
+      eslint-config-prettier: 9.1.0(eslint@9.15.0(jiti@2.4.0))
+      eslint-plugin-prettier: 5.2.1(@types/eslint@9.6.1)(eslint-config-prettier@9.1.0(eslint@9.15.0(jiti@2.4.0)))(eslint@9.15.0(jiti@2.4.0))(prettier@3.3.3)
+      eslint-plugin-svelte: 2.46.0(eslint@9.15.0(jiti@2.4.0))(svelte@4.2.19)
       globals: 15.12.0
       svelte: 4.2.19
       typescript: 5.6.3
-      typescript-eslint: 8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)
+      typescript-eslint: 8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)
     transitivePeerDependencies:
       - '@types/eslint'
       - prettier
@@ -5138,7 +5129,7 @@ snapshots:
       storybook: 8.4.4(prettier@3.3.3)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-svelte-csf@4.1.7(@storybook/svelte@8.4.4(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19))(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0)))(storybook@8.4.4(prettier@3.3.3))(svelte-loader@3.2.4(svelte@4.2.19))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))':
+  '@storybook/addon-svelte-csf@4.1.7(@storybook/svelte@8.4.4(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19))(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0)))(storybook@8.4.4(prettier@3.3.3))(svelte-loader@3.2.4(svelte@4.2.19))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))':
     dependencies:
       '@babel/runtime': 7.26.0
       '@storybook/svelte': 8.4.4(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19)
@@ -5147,9 +5138,9 @@ snapshots:
       magic-string: 0.30.12
       svelte: 4.2.19
     optionalDependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))
+      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))
       svelte-loader: 3.2.4(svelte@4.2.19)
-      vite: 5.4.11(@types/node@22.9.0)(sass@1.81.0)
+      vite: 5.4.11(@types/node@22.9.1)(sass@1.81.0)
     transitivePeerDependencies:
       - babel-plugin-macros
       - storybook
@@ -5173,13 +5164,13 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/builder-vite@8.4.4(storybook@8.4.4(prettier@3.3.3))(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))':
+  '@storybook/builder-vite@8.4.4(storybook@8.4.4(prettier@3.3.3))(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))':
     dependencies:
       '@storybook/csf-plugin': 8.4.4(storybook@8.4.4(prettier@3.3.3))
       browser-assert: 1.2.1
       storybook: 8.4.4(prettier@3.3.3)
       ts-dedent: 2.2.0
-      vite: 5.4.11(@types/node@22.9.0)(sass@1.81.0)
+      vite: 5.4.11(@types/node@22.9.1)(sass@1.81.0)
 
   '@storybook/components@8.4.4(storybook@8.4.4(prettier@3.3.3))':
     dependencies:
@@ -5243,11 +5234,11 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       storybook: 8.4.4(prettier@3.3.3)
 
-  '@storybook/svelte-vite@8.4.4(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0)))(postcss-load-config@3.1.4(postcss@8.4.49))(postcss@8.4.49)(sass@1.81.0)(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))':
+  '@storybook/svelte-vite@8.4.4(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0)))(postcss-load-config@3.1.4(postcss@8.4.49))(postcss@8.4.49)(sass@1.81.0)(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))':
     dependencies:
-      '@storybook/builder-vite': 8.4.4(storybook@8.4.4(prettier@3.3.3))(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))
+      '@storybook/builder-vite': 8.4.4(storybook@8.4.4(prettier@3.3.3))(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))
       '@storybook/svelte': 8.4.4(storybook@8.4.4(prettier@3.3.3))(svelte@4.2.19)
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))
+      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))
       magic-string: 0.30.12
       storybook: 8.4.4(prettier@3.3.3)
       svelte: 4.2.19
@@ -5256,7 +5247,7 @@ snapshots:
       sveltedoc-parser: 4.2.1
       ts-dedent: 2.2.0
       typescript: 5.6.3
-      vite: 5.4.11(@types/node@22.9.0)(sass@1.81.0)
+      vite: 5.4.11(@types/node@22.9.1)(sass@1.81.0)
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -5317,26 +5308,26 @@ snapshots:
 
   '@sveltejs/svelte-scroller@2.0.7': {}
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))':
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))
+      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))
       debug: 4.3.7
       svelte: 4.2.19
-      vite: 5.4.11(@types/node@22.9.0)(sass@1.81.0)
+      vite: 5.4.11(@types/node@22.9.1)(sass@1.81.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))':
+  '@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0)))(svelte@4.2.19)(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))
       debug: 4.3.7
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.12
       svelte: 4.2.19
       svelte-hmr: 0.16.0(svelte@4.2.19)
-      vite: 5.4.11(@types/node@22.9.0)(sass@1.81.0)
-      vitefu: 0.2.5(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0))
+      vite: 5.4.11(@types/node@22.9.1)(sass@1.81.0)
+      vitefu: 0.2.5(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -5373,7 +5364,7 @@ snapshots:
 
   '@types/concat-stream@2.0.3':
     dependencies:
-      '@types/node': 22.9.0
+      '@types/node': 22.9.1
 
   '@types/css@0.0.37': {}
 
@@ -5403,7 +5394,7 @@ snapshots:
   '@types/fs-extra@11.0.4':
     dependencies:
       '@types/jsonfile': 6.1.4
-      '@types/node': 22.9.0
+      '@types/node': 22.9.1
 
   '@types/google-publisher-tag@1.20241104.0': {}
 
@@ -5423,7 +5414,7 @@ snapshots:
 
   '@types/jsonfile@6.1.4':
     dependencies:
-      '@types/node': 22.9.0
+      '@types/node': 22.9.1
 
   '@types/lodash-es@4.17.12':
     dependencies:
@@ -5445,13 +5436,13 @@ snapshots:
 
   '@types/node@12.20.55': {}
 
-  '@types/node@22.9.0':
+  '@types/node@22.9.1':
     dependencies:
       undici-types: 6.19.8
 
   '@types/prompts@2.4.9':
     dependencies:
-      '@types/node': 22.9.0
+      '@types/node': 22.9.1
       kleur: 3.0.3
 
   '@types/prop-types@15.7.13': {}
@@ -5481,15 +5472,15 @@ snapshots:
 
   '@types/uuid@9.0.8': {}
 
-  '@typescript-eslint/eslint-plugin@8.14.0(@typescript-eslint/parser@8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3))(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)':
+  '@typescript-eslint/eslint-plugin@8.14.0(@typescript-eslint/parser@8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3))(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)
       '@typescript-eslint/scope-manager': 8.14.0
-      '@typescript-eslint/type-utils': 8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)
+      '@typescript-eslint/type-utils': 8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)
       '@typescript-eslint/visitor-keys': 8.14.0
-      eslint: 9.14.0(jiti@2.4.0)
+      eslint: 9.15.0(jiti@2.4.0)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -5499,14 +5490,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)':
+  '@typescript-eslint/parser@8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.14.0
       '@typescript-eslint/types': 8.14.0
       '@typescript-eslint/typescript-estree': 8.14.0(typescript@5.6.3)
       '@typescript-eslint/visitor-keys': 8.14.0
       debug: 4.3.7
-      eslint: 9.14.0(jiti@2.4.0)
+      eslint: 9.15.0(jiti@2.4.0)
     optionalDependencies:
       typescript: 5.6.3
     transitivePeerDependencies:
@@ -5517,10 +5508,10 @@ snapshots:
       '@typescript-eslint/types': 8.14.0
       '@typescript-eslint/visitor-keys': 8.14.0
 
-  '@typescript-eslint/type-utils@8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)':
+  '@typescript-eslint/type-utils@8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.14.0(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)
       debug: 4.3.7
       ts-api-utils: 1.4.0(typescript@5.6.3)
     optionalDependencies:
@@ -5546,13 +5537,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)':
+  '@typescript-eslint/utils@8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.14.0(jiti@2.4.0))
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.15.0(jiti@2.4.0))
       '@typescript-eslint/scope-manager': 8.14.0
       '@typescript-eslint/types': 8.14.0
       '@typescript-eslint/typescript-estree': 8.14.0(typescript@5.6.3)
-      eslint: 9.14.0(jiti@2.4.0)
+      eslint: 9.15.0(jiti@2.4.0)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -5895,12 +5886,6 @@ snapshots:
     dependencies:
       layout-base: 1.0.2
 
-  cross-spawn@5.1.0:
-    dependencies:
-      lru-cache: 4.1.5
-      shebang-command: 1.2.0
-      which: 1.3.1
-
   cross-spawn@6.0.5:
     dependencies:
       nice-try: 1.0.5
@@ -6439,20 +6424,20 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
-  eslint-compat-utils@0.5.1(eslint@9.14.0(jiti@2.4.0)):
+  eslint-compat-utils@0.5.1(eslint@9.15.0(jiti@2.4.0)):
     dependencies:
-      eslint: 9.14.0(jiti@2.4.0)
+      eslint: 9.15.0(jiti@2.4.0)
       semver: 7.6.3
 
-  eslint-config-prettier@9.1.0(eslint@9.14.0(jiti@2.4.0)):
+  eslint-config-prettier@9.1.0(eslint@9.15.0(jiti@2.4.0)):
     dependencies:
-      eslint: 9.14.0(jiti@2.4.0)
+      eslint: 9.15.0(jiti@2.4.0)
 
-  eslint-mdx@3.1.5(eslint@9.14.0(jiti@2.4.0)):
+  eslint-mdx@3.1.5(eslint@9.15.0(jiti@2.4.0)):
     dependencies:
       acorn: 8.14.0
       acorn-jsx: 5.3.2(acorn@8.14.0)
-      eslint: 9.14.0(jiti@2.4.0)
+      eslint: 9.15.0(jiti@2.4.0)
       espree: 9.6.1
       estree-util-visit: 2.0.0
       remark-mdx: 3.1.0
@@ -6469,18 +6454,18 @@ snapshots:
       - bluebird
       - supports-color
 
-  eslint-plugin-markdown@3.0.1(eslint@9.14.0(jiti@2.4.0)):
+  eslint-plugin-markdown@3.0.1(eslint@9.15.0(jiti@2.4.0)):
     dependencies:
-      eslint: 9.14.0(jiti@2.4.0)
+      eslint: 9.15.0(jiti@2.4.0)
       mdast-util-from-markdown: 0.8.5
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-mdx@3.1.5(eslint@9.14.0(jiti@2.4.0)):
+  eslint-plugin-mdx@3.1.5(eslint@9.15.0(jiti@2.4.0)):
     dependencies:
-      eslint: 9.14.0(jiti@2.4.0)
-      eslint-mdx: 3.1.5(eslint@9.14.0(jiti@2.4.0))
-      eslint-plugin-markdown: 3.0.1(eslint@9.14.0(jiti@2.4.0))
+      eslint: 9.15.0(jiti@2.4.0)
+      eslint-mdx: 3.1.5(eslint@9.15.0(jiti@2.4.0))
+      eslint-plugin-markdown: 3.0.1(eslint@9.15.0(jiti@2.4.0))
       remark-mdx: 3.1.0
       remark-parse: 11.0.0
       remark-stringify: 11.0.0
@@ -6491,17 +6476,17 @@ snapshots:
       - bluebird
       - supports-color
 
-  eslint-plugin-prettier@5.2.1(@types/eslint@9.6.1)(eslint-config-prettier@9.1.0(eslint@9.14.0(jiti@2.4.0)))(eslint@9.14.0(jiti@2.4.0))(prettier@3.3.3):
+  eslint-plugin-prettier@5.2.1(@types/eslint@9.6.1)(eslint-config-prettier@9.1.0(eslint@9.15.0(jiti@2.4.0)))(eslint@9.15.0(jiti@2.4.0))(prettier@3.3.3):
     dependencies:
-      eslint: 9.14.0(jiti@2.4.0)
+      eslint: 9.15.0(jiti@2.4.0)
       prettier: 3.3.3
       prettier-linter-helpers: 1.0.0
       synckit: 0.9.2
     optionalDependencies:
       '@types/eslint': 9.6.1
-      eslint-config-prettier: 9.1.0(eslint@9.14.0(jiti@2.4.0))
+      eslint-config-prettier: 9.1.0(eslint@9.15.0(jiti@2.4.0))
 
-  eslint-plugin-react@7.37.2(eslint@9.14.0(jiti@2.4.0)):
+  eslint-plugin-react@7.37.2(eslint@9.15.0(jiti@2.4.0)):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlast: 1.2.5
@@ -6509,7 +6494,7 @@ snapshots:
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
       es-iterator-helpers: 1.2.0
-      eslint: 9.14.0(jiti@2.4.0)
+      eslint: 9.15.0(jiti@2.4.0)
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
@@ -6523,12 +6508,12 @@ snapshots:
       string.prototype.matchall: 4.0.11
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-svelte@2.46.0(eslint@9.14.0(jiti@2.4.0))(svelte@4.2.19):
+  eslint-plugin-svelte@2.46.0(eslint@9.15.0(jiti@2.4.0))(svelte@4.2.19):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.14.0(jiti@2.4.0))
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.15.0(jiti@2.4.0))
       '@jridgewell/sourcemap-codec': 1.5.0
-      eslint: 9.14.0(jiti@2.4.0)
-      eslint-compat-utils: 0.5.1(eslint@9.14.0(jiti@2.4.0))
+      eslint: 9.15.0(jiti@2.4.0)
+      eslint-compat-utils: 0.5.1(eslint@9.15.0(jiti@2.4.0))
       esutils: 2.0.3
       known-css-properties: 0.35.0
       postcss: 8.4.49
@@ -6606,14 +6591,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint@9.14.0(jiti@2.4.0):
+  eslint@9.15.0(jiti@2.4.0):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.14.0(jiti@2.4.0))
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.15.0(jiti@2.4.0))
       '@eslint-community/regexpp': 4.12.1
-      '@eslint/config-array': 0.18.0
-      '@eslint/core': 0.7.0
-      '@eslint/eslintrc': 3.1.0
-      '@eslint/js': 9.14.0
+      '@eslint/config-array': 0.19.0
+      '@eslint/core': 0.9.0
+      '@eslint/eslintrc': 3.2.0
+      '@eslint/js': 9.15.0
       '@eslint/plugin-kit': 0.2.3
       '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
@@ -6642,7 +6627,6 @@ snapshots:
       minimatch: 3.1.2
       natural-compare: 1.4.0
       optionator: 0.9.4
-      text-table: 0.2.0
     optionalDependencies:
       jiti: 2.4.0
     transitivePeerDependencies:
@@ -7220,11 +7204,11 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  knip@5.37.0(@types/node@22.9.0)(typescript@5.6.3):
+  knip@5.37.0(@types/node@22.9.1)(typescript@5.6.3):
     dependencies:
       '@nodelib/fs.walk': 1.2.8
       '@snyk/github-codeowners': 1.1.0
-      '@types/node': 22.9.0
+      '@types/node': 22.9.1
       easy-table: 1.2.0
       enhanced-resolve: 5.17.1
       fast-glob: 3.3.2
@@ -7311,11 +7295,6 @@ snapshots:
 
   lru-cache@10.4.3: {}
 
-  lru-cache@4.1.5:
-    dependencies:
-      pseudomap: 1.0.2
-      yallist: 2.1.2
-
   lz-string@1.5.0: {}
 
   magic-string@0.30.12:
@@ -8339,8 +8318,6 @@ snapshots:
     dependencies:
       xtend: 4.0.2
 
-  pseudomap@1.0.2: {}
-
   publint@0.2.12:
     dependencies:
       npm-packlist: 5.1.3
@@ -8646,8 +8623,6 @@ snapshots:
       get-intrinsic: 1.2.4
       object-inspect: 1.13.3
 
-  signal-exit@3.0.7: {}
-
   signal-exit@4.1.0: {}
 
   sisteransi@1.0.5: {}
@@ -8681,10 +8656,10 @@ snapshots:
 
   space-separated-tokens@1.1.5: {}
 
-  spawndamnit@2.0.0:
+  spawndamnit@3.0.1:
     dependencies:
-      cross-spawn: 5.1.0
-      signal-exit: 3.0.7
+      cross-spawn: 7.0.5
+      signal-exit: 4.1.0
 
   spdx-correct@3.2.0:
     dependencies:
@@ -8988,11 +8963,11 @@ snapshots:
 
   typedarray@0.0.6: {}
 
-  typescript-eslint@8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3):
+  typescript-eslint@8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.14.0(@typescript-eslint/parser@8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3))(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)
-      '@typescript-eslint/parser': 8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.14.0(eslint@9.14.0(jiti@2.4.0))(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 8.14.0(@typescript-eslint/parser@8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3))(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.14.0(eslint@9.15.0(jiti@2.4.0))(typescript@5.6.3)
     optionalDependencies:
       typescript: 5.6.3
     transitivePeerDependencies:
@@ -9015,7 +8990,7 @@ snapshots:
       '@types/concat-stream': 2.0.3
       '@types/debug': 4.1.12
       '@types/is-empty': 1.2.3
-      '@types/node': 22.9.0
+      '@types/node': 22.9.1
       '@types/unist': 3.0.3
       concat-stream: 2.0.0
       debug: 4.3.7
@@ -9162,19 +9137,19 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  vite@5.4.11(@types/node@22.9.0)(sass@1.81.0):
+  vite@5.4.11(@types/node@22.9.1)(sass@1.81.0):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.49
       rollup: 4.27.1
     optionalDependencies:
-      '@types/node': 22.9.0
+      '@types/node': 22.9.1
       fsevents: 2.3.3
       sass: 1.81.0
 
-  vitefu@0.2.5(vite@5.4.11(@types/node@22.9.0)(sass@1.81.0)):
+  vitefu@0.2.5(vite@5.4.11(@types/node@22.9.1)(sass@1.81.0)):
     optionalDependencies:
-      vite: 5.4.11(@types/node@22.9.0)(sass@1.81.0)
+      vite: 5.4.11(@types/node@22.9.1)(sass@1.81.0)
 
   walk-up-path@3.0.1: {}
 
@@ -9257,8 +9232,6 @@ snapshots:
 
   xtend@4.0.2: {}
 
-  yallist@2.1.2: {}
-
   yaml@1.10.2: {}
 
   yaml@2.6.0: {}
diff --git a/src/components/Block/Block.svelte b/src/components/Block/Block.svelte
index 3da1c3c7..3ec911cb 100644
--- a/src/components/Block/Block.svelte
+++ b/src/components/Block/Block.svelte
@@ -34,7 +34,7 @@
 </div>
 
 <style lang="scss">
-  @import '../../scss/mixins';
+  @use '../../scss/mixins' as mixins;
 
   .article-block {
     max-width: var(--normal-column-width, 660px);
@@ -68,7 +68,7 @@
     // Only setup for the default column widths, b/c can't use
     // CSS vars in media queries.
     &.snap {
-      @include block-snap-widths;
+      @include mixins.block-snap-widths;
     }
   }
 </style>
diff --git a/src/components/Block/stories/docs/snapWidths.md b/src/components/Block/stories/docs/snapWidths.md
index 06afce1f..cd9135f5 100644
--- a/src/components/Block/stories/docs/snapWidths.md
+++ b/src/components/Block/stories/docs/snapWidths.md
@@ -39,11 +39,11 @@ Luckily, it's still pretty easy. Just add a `cls` or `id` to your `Block` so you
   $column-width-wide: 860px;
   $column-width-wider: 1400px;
 
-  @import '@reuters-graphics/graphics-components/scss/mixins';
+  @use '@reuters-graphics/graphics-components/scss/mixins' as mixins;
 
   :global {
     div.custom-blocks {
-      @include block-snap-widths;
+      @include mixins.block-snap-widths;
     }
   }
 </style>
diff --git a/src/components/EndNotes/EndNotes.svelte b/src/components/EndNotes/EndNotes.svelte
index f26d8e66..3ea3ea9f 100644
--- a/src/components/EndNotes/EndNotes.svelte
+++ b/src/components/EndNotes/EndNotes.svelte
@@ -37,15 +37,15 @@
 
 <!-- svelte-ignore css-unused-selector -->
 <style lang="scss">
-  @import '../../scss/mixins';
+  @use '../../scss/mixins' as mixins;
 
   .note-title {
     :global(p) {
-      @include body-caption;
-      @include text-primary;
-      @include font-medium;
-      @include tracking-normal;
-      @include fmt-3;
+      @include mixins.body-caption;
+      @include mixins.text-primary;
+      @include mixins.font-medium;
+      @include mixins.tracking-normal;
+      @include mixins.fmt-3;
       margin-bottom: 0.125rem;
       text-transform: none;
     }
@@ -53,8 +53,8 @@
 
   .note-content {
     :global(p) {
-      @include body-caption;
-      @include fmt-0;
+      @include mixins.body-caption;
+      @include mixins.fmt-0;
     }
   }
 </style>
diff --git a/src/components/Framer/Typeahead/index.svelte b/src/components/Framer/Typeahead/index.svelte
index 9f84d93e..7f4ed08b 100644
--- a/src/components/Framer/Typeahead/index.svelte
+++ b/src/components/Framer/Typeahead/index.svelte
@@ -272,7 +272,7 @@
 </div>
 
 <style lang="scss">
-  @import '../../../scss/mixins';
+  @use '../../../scss/mixins' as mixins;
 
   [data-svelte-typeahead] {
     position: relative;
@@ -299,7 +299,7 @@
   li,
   li.no-results {
     padding: 0.25rem 1rem;
-    @include font-sans;
+    @include mixins.font-sans;
     color: #333;
   }
   li.no-results {
@@ -342,7 +342,7 @@
     display: inline-flex;
     font-size: 0.75rem;
     color: #aaa;
-    @include font-sans;
+    @include mixins.font-sans;
   }
 
   :global([data-svelte-search] input) {
@@ -354,7 +354,7 @@
     border-radius: 0 !important;
     background-color: #fff;
     border: 1px solid #ddd;
-    @include font-sans;
+    @include mixins.font-sans;
   }
 
   :global([data-svelte-search] input:focus) {
diff --git a/src/components/GraphicBlock/GraphicBlock.svelte b/src/components/GraphicBlock/GraphicBlock.svelte
index 315ffd99..6b1c266f 100644
--- a/src/components/GraphicBlock/GraphicBlock.svelte
+++ b/src/components/GraphicBlock/GraphicBlock.svelte
@@ -125,19 +125,19 @@
 
 <!-- svelte-ignore css-unused-selector -->
 <style lang="scss" global>
-  @import '../../scss/mixins';
+  @use '../../scss/mixins' as mixins;
 
   .article-block.graphic {
     // Dek
     p {
-      @include body-note;
-      @include font-light;
+      @include mixins.body-note;
+      @include mixins.font-light;
     }
     // Caption and Sources
     aside {
       p {
-        @include body-caption;
-        @include fmy-1;
+        @include mixins.body-caption;
+        @include mixins.fmy-1;
       }
     }
   }
diff --git a/src/components/HeroHeadline/Hero.svelte b/src/components/HeroHeadline/Hero.svelte
index 5c381865..410f2187 100644
--- a/src/components/HeroHeadline/Hero.svelte
+++ b/src/components/HeroHeadline/Hero.svelte
@@ -188,7 +188,7 @@
 </div>
 
 <style lang="scss">
-  @import '../../scss/mixins';
+  @use '../../scss/mixins' as mixins;
 
   .hero-wrapper {
     :global(.background-hero) {
@@ -198,7 +198,7 @@
     }
 
     :global(.background-hero .headline) {
-      @include fmt-0;
+      @include mixins.fmt-0;
       z-index: 1;
       display: flex;
       align-items: center;
@@ -217,7 +217,7 @@
     }
 
     :global(aside p) {
-      @include body-caption;
+      @include mixins.body-caption;
     }
 
     :global(.background-hero video) {
diff --git a/src/components/InfoBox/InfoBox.svelte b/src/components/InfoBox/InfoBox.svelte
index 45b8e8a3..cab6d0d8 100644
--- a/src/components/InfoBox/InfoBox.svelte
+++ b/src/components/InfoBox/InfoBox.svelte
@@ -88,7 +88,7 @@
 </aside>
 
 <style lang="scss">
-  @import '../../scss/mixins';
+  @use '../../scss/mixins' as mixins;
 
   .infobox {
     :global(.article-block) {
@@ -107,40 +107,40 @@
     }
 
     :global(.header p) {
-      @include h4;
-      @include fmy-0;
+      @include mixins.h4;
+      @include mixins.fmy-0;
     }
 
     :global(.body p) {
-      @include body-note;
-      @include text-sm;
-      @include font-light;
+      @include mixins.body-note;
+      @include mixins.text-sm;
+      @include mixins.font-light;
       &:last-child {
-        @include fmb-0;
+        @include mixins.fmb-0;
       }
     }
 
     :global(.body ul),
     :global(.body ol) {
-      @include body-note;
-      @include text-sm;
-      @include font-light;
-      @include fmb-0;
+      @include mixins.body-note;
+      @include mixins.text-sm;
+      @include mixins.font-light;
+      @include mixins.fmb-0;
     }
 
     :global(.body ul li),
     :global(.body ol li) {
-      @include fmt-0;
-      @include fmy-2;
+      @include mixins.fmt-0;
+      @include mixins.fmy-2;
       &:last-child {
-        @include fmb-0;
+        @include mixins.fmb-0;
       }
     }
 
     :global(.footer p) {
-      @include body-caption;
+      @include mixins.body-caption;
       &:last-child {
-        @include fmb-0;
+        @include mixins.fmb-0;
       }
     }
   }
diff --git a/src/components/PhotoCarousel/PhotoCarousel.svelte b/src/components/PhotoCarousel/PhotoCarousel.svelte
index ef794d82..91c3e30f 100644
--- a/src/components/PhotoCarousel/PhotoCarousel.svelte
+++ b/src/components/PhotoCarousel/PhotoCarousel.svelte
@@ -196,7 +196,7 @@
 </Block>
 
 <style lang="scss">
-  @import '../../scss/mixins';
+  @use '../../scss/mixins' as mixins;
 
   .carousel-container {
     .photo-slide {
@@ -240,7 +240,7 @@
       border-radius: 50%;
       background-color: transparent;
       cursor: pointer;
-      @include text-secondary;
+      @include mixins.text-secondary;
       opacity: 0.4;
     }
     :global(.splide__arrows button.splide__arrow--prev) {
@@ -252,7 +252,7 @@
     :global(.splide__arrows button:hover) {
       opacity: 1;
       border-color: $theme-colour-text-secondary;
-      @include text-secondary;
+      @include mixins.text-secondary;
     }
     :global(.splide__arrows button:disabled) {
       opacity: 0.4;
diff --git a/src/components/PhotoPack/PhotoPack.svelte b/src/components/PhotoPack/PhotoPack.svelte
index c025e5c1..d7faaac8 100644
--- a/src/components/PhotoPack/PhotoPack.svelte
+++ b/src/components/PhotoPack/PhotoPack.svelte
@@ -134,7 +134,7 @@
 </Block>
 
 <style lang="scss">
-  @import '../../scss/mixins';
+  @use '../../scss/mixins' as mixins;
 
   div.photopack-container {
     div.photopack-row {
@@ -151,7 +151,7 @@
 
   .notes {
     :global(.photopack-captions-container .caption p) {
-      @include body-caption;
+      @include mixins.body-caption;
     }
   }
 </style>
diff --git a/src/components/Scroller/Foreground.svelte b/src/components/Scroller/Foreground.svelte
index bdae6c74..9290bb67 100644
--- a/src/components/Scroller/Foreground.svelte
+++ b/src/components/Scroller/Foreground.svelte
@@ -40,16 +40,16 @@
 {/each}
 
 <style lang="scss">
-  @import './../../scss/mixins';
+  @use './../../scss/mixins' as mixins;
 
   div.step-foreground-container {
     width: initial;
     max-width: initial;
     .step-foreground {
-      max-width: calc($column-width-normal * 0.9);
+      max-width: calc(mixins.$column-width-normal * 0.9);
       border-radius: 0.25rem;
-      @include fpy-5;
-      @include fpx-4;
+      @include mixins.fpy-5;
+      @include mixins.fpx-4;
       background: rgba(255, 255, 255, 0.9);
 
       :global(p:last-child) {
diff --git a/src/components/Table/Select.svelte b/src/components/Table/Select.svelte
index 9e2c681e..4071c331 100644
--- a/src/components/Table/Select.svelte
+++ b/src/components/Table/Select.svelte
@@ -39,8 +39,6 @@
 </div>
 
 <style lang="scss">
-  @import '../../scss/mixins';
-
   .select {
     width: 250px;
 
diff --git a/src/components/Table/Table.svelte b/src/components/Table/Table.svelte
index 38fb55d1..6df93c1d 100644
--- a/src/components/Table/Table.svelte
+++ b/src/components/Table/Table.svelte
@@ -353,7 +353,7 @@
 </Block>
 
 <style lang="scss">
-  @import '../../scss/mixins';
+  @use '../../scss/mixins' as mixins;
 
   section.table {
     overflow-x: auto;
@@ -366,7 +366,7 @@
       tr {
         th {
           border-bottom: 1px solid var(--theme-colour-text-primary);
-          @include bg;
+          @include mixins.bg;
           text-align: inherit;
           &.sortable {
             cursor: pointer;
@@ -382,13 +382,13 @@
     }
     tbody {
       td {
-        @include text-sm;
-        @include font-regular;
+        @include mixins.text-sm;
+        @include mixins.font-regular;
         vertical-align: top;
         border-bottom: 1px solid
           var(--theme-colour-brand-rules, var(--tr-muted-grey));
         &.no-results {
-          @include text-secondary;
+          @include mixins.text-secondary;
         }
       }
     }
@@ -397,7 +397,7 @@
         border-bottom: 0;
       }
       td {
-        @include body-caption;
+        @include mixins.body-caption;
       }
     }
     &.truncated {
@@ -438,7 +438,7 @@
       height: 2.15rem;
       border: 1px solid var(--theme-colour-brand-rules, var(--tr-muted-grey));
       border-radius: 0.25rem;
-      @include bg;
+      @include mixins.bg;
       cursor: pointer;
     }
   }
diff --git a/src/docs/docs-components/CopyColourTable/ImportSnippet.jsx b/src/docs/docs-components/CopyColourTable/ImportSnippet.jsx
index e2e965e6..58325c1d 100644
--- a/src/docs/docs-components/CopyColourTable/ImportSnippet.jsx
+++ b/src/docs/docs-components/CopyColourTable/ImportSnippet.jsx
@@ -25,7 +25,7 @@ const Copyable = (props) => {
   }, [copied]);
 
   const handleClick = async ({ partial }) => {
-    const copyText = `@import "@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}";`;
+    const copyText = `@use "@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}";`;
     await navigator.clipboard.writeText(copyText);
     setCopied(true);
   };
@@ -45,7 +45,7 @@ const ImportSnippet = ({ included = false, partial = 'thematic/_tr.scss' }) => {
       </div>
     : <div className={classes.importsnippet}>
         <SyntaxHighlighter language="scss" style={prismNord}>
-          {`// global.scss \n@import "@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}";`}
+          {`// global.scss \n@use "@reuters-graphics/graphics-components/scss/colours/${formatPartial(partial)}";`}
         </SyntaxHighlighter>
         <Copyable partial={partial} />
       </div>;
diff --git a/src/docs/styles/colours/intro.mdx b/src/docs/styles/colours/intro.mdx
index bc09a6d5..fc180ef0 100644
--- a/src/docs/styles/colours/intro.mdx
+++ b/src/docs/styles/colours/intro.mdx
@@ -9,7 +9,7 @@ Colour palettes are provided as [CSS variables](https://developer.mozilla.org/en
 
 ```scss
 /* global.scss */
-@import '@reuters-graphics/graphics-components/scss/colours/primary/blue';
+@use '@reuters-graphics/graphics-components/scss/colours/primary/blue';
 
 p {
   color: var(--grey-400); // Included by default
diff --git a/src/docs/styles/tokens/intro.mdx b/src/docs/styles/tokens/intro.mdx
index ad076446..10c0a801 100644
--- a/src/docs/styles/tokens/intro.mdx
+++ b/src/docs/styles/tokens/intro.mdx
@@ -84,16 +84,14 @@ If you'd like to set the style in SCSS, you'd use the `Include` token like this:
 <p>Lorem ipsum...</p>
 
 <style lang="scss">
-  @import '@reuters-graphics/graphics-components/scss/mixins';
+  @use '@reuters-graphics/graphics-components/scss/mixins' as mixins;
 
   p {
-    @include text-primary;
+    @include mixins.text-primary;
   }
 </style>
 ```
 
-> **Note:** If you're writing SCSS _inside a component_, the `@import` above is required. If you're writing in `global.scss`, this is already included for you.
-
 To use multiple tokens, you'd simply add another class or include:
 
 ```svelte
@@ -102,8 +100,8 @@ To use multiple tokens, you'd simply add another class or include:
 
 ```scss
 p {
-  @include text-primary;
-  @include font-bold;
+  @include mixins.text-primary;
+  @include mixins.font-bold;
 }
 ```
 
@@ -121,6 +119,6 @@ For SCSS includes, the concept is the same, but you need to escape the `!` by ad
 
 ```scss
 p {
-  @include \!font-bold;
+  @include mixins.\!font-bold;
 }
 ```