コンポーネント内に
import styles from './button.module.scss';
の様な記述があるとパースエラーで動作しない問題

必要なモジュールを入れる
yarn add -D @storybook/builder-webpack5 @storybook/manager-webpack5 css-loader sass-loader style-loader

storybookのmain.jsの記述について
webpackFinalにasyncを追加したアローファンクションの記述に変更し、
以下を追記

     config.module.rules.push({
       test: /\.scss$/,
       use: [
         'style-loader',
         {
           loader: 'css-loader',
           options: {
             modules: {
               auto: true,
             },
           },
         },
         'sass-loader',
       ],
       include: path.resolve(__dirname, '../'),

まだ動かない
TypeError: this.getOptions is not a function

storybookにwebpack5を使ってもらわないといけないみたい

そもそもViteなので、webpack5も入れないと
yarn add -D webpack

main.jsに以下を追加

   core: {
     builder: 'webpack5',
   },

動いた！！