config

.storybook/main.ts

@@ -1,4 +1,5 @@
 import type { FrameworkOptions, StorybookConfig } from 'storybook-solidjs-vite'
+import {CSSOptions} from "vite";
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
@@ -20,6 +21,15 @@ const config: StorybookConfig = {
   docs: {
     autodocs: 'tag'
   },
+
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: '@import "src/styles/imports";\n',
+        includePaths: ['./public', './src/styles']
+      }
+    } as CSSOptions['preprocessorOptions']
+  },
   previewHead: (head) => `
     ${head}
     <style>