Merge c0daf21 into 15d014b

Author: Copilot

docs/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

docs/.storybook/main.js

@@ -1,21 +1,17 @@
+import sass from 'sass'
+import {createRequire} from 'module'
+import {fileURLToPath} from 'url'
+
+const require = createRequire(import.meta.url)
+
 /** @type { import('@storybook/react-webpack5').StorybookConfig } */
 const config = {
   stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
+    '@storybook/addon-webpack5-compiler-babel',
+    '@storybook/addon-docs',
     'storybook-addon-pseudo-states',
-    '@storybook/addon-storysource',
     '@geometricpanda/storybook-addon-badges',
-    {
-      name: '@storybook/addon-styling',
-      options: {
-        sass: {
-          implementation: require('sass'),
-        },
-      },
-    },
   ],
   framework: {
     name: '@storybook/react-webpack5',
@@ -25,5 +21,30 @@ const config = {
     autodocs: 'tag',
   },
   staticDirs: ['../stories/static'],
+  async webpackFinal(webpackConfig) {
+    // Alias @storybook/blocks to the v10-compatible addon-docs/blocks
+    webpackConfig.resolve = webpackConfig.resolve || {}
+    webpackConfig.resolve.alias = {
+      ...webpackConfig.resolve.alias,
+      '@storybook/blocks': fileURLToPath(import.meta.resolve('@storybook/addon-docs/blocks')),
+    }
+
+    // Add SCSS support using sass-loader
+    webpackConfig.module.rules.push({
+      test: /\.s[ac]ss$/,
+      use: [
+        require.resolve('style-loader'),
+        require.resolve('css-loader'),
+        {
+          loader: require.resolve('sass-loader'),
+          options: {
+            implementation: sass,
+          },
+        },
+      ],
+      sideEffects: true,
+    })
+    return webpackConfig
+  },
 }
 export default config

docs/.storybook/manager.js

@@ -1,4 +1,4 @@
-import {addons} from '@storybook/manager-api'
+import {addons} from 'storybook/manager-api'
 import theme from './theme'
 
 addons.setConfig({