SassError: Can't find stylesheet to import. | Storybook | Page 1

hello, i'm facing this error using storybook v7 with nextjs13

SassError: Can't find stylesheet to import.
  ╷
1 │ @import @/styles/helpers
  │         ^^^^^^^^^^^^^^^^
  ╵
  src/components/Header/Discover/Discover.module.sass 1:9  root stylesheet
    at processResult (/Users/mohamed/projects/test/app/node_modules/webpack/lib/NormalModule.js:569:23)
    at /Users/mohamed/projects/test/app/node_modules/webpack/lib/NormalModule.js:647:9
    at /Users/mohamed/projects/test/app/node_modules/loader-runner/lib/LoaderRunner.js:361:14
    at /Users/mohamed/projects/test/app/node_modules/loader-runner/lib/LoaderRunner.js:227:14
    at context.callback (/Users/mohamed/projects/test/app/node_modules/loader-runner/lib/LoaderRunner.js:116:16)
    at Object.loader (/Users/mohamed/projects/test/app/node_modules/sass-loader/dist/index.js:47:5)
    at runNextTicks (node:internal/process/task_queues:60:5)
    at process.processImmediate (node:internal/timers:442:9)```

this is my main.ts 

```const config: StorybookConfig = {
  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
  addons: [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-interactions",
  ],
  framework: {
    name: "@storybook/nextjs",
    options: {},
  },
  docs: {
    autodocs: "tag",
  },
};

export default config;```

@vague sinew hi man, hope you could help me this. thanks alot

#SassError: Can't find stylesheet to import.