I installed @storybook/preset-scss and added it to storybook/main.js, but SCSS in vue components is still ignored by storybook. No error message. CSS works fine (no lang="scss" tag).
"devDependencies": {
"@babel/core": "^7.14.6",
"@babel/preset-env": "^7.14.7",
"@rollup/plugin-alias": "^3.1.2",
"@rollup/plugin-babel": "^5.3.0",
"@rollup/plugin-commonjs": "^14.0.0",
"@rollup/plugin-image": "^2.1.1",
"@rollup/plugin-node-resolve": "^9.0.0",
"@rollup/plugin-replace": "^2.4.2",
"@storybook/addon-actions": "^6.5.12",
"@storybook/addon-essentials": "^6.5.12",
"@storybook/addon-interactions": "^6.5.12",
"@storybook/addon-links": "^6.5.12",
"@storybook/builder-webpack4": "^6.5.12",
"@storybook/manager-webpack4": "^6.5.12",
"@storybook/preset-scss": "^1.0.3",
"@storybook/testing-library": "^0.0.13",
"@storybook/vue3": "^6.5.12",
"@vue/cli-plugin-babel": "^4.5.13",
"@vue/cli-service": "^4.5.13",
"@vue/compiler-sfc": "^3.0.11",
"babel-loader": "^8.2.5",
"cross-env": "^7.0.3",
"css-loader": "^5.2.7",
"js-cookie": "^2.2.1",
"minimist": "^1.2.5",
"postcss": "^8.2.10",
"rimraf": "^3.0.2",
"rollup": "^2.52.8",
"rollup-plugin-postcss": "^4.0.0",
"rollup-plugin-terser": "^7.0.2",
"rollup-plugin-vue": "^6.0.0",
"sass": "^1.54.9",
"sass-loader": "^10.1.1",
"style-loader": "^2.0.0",
"vue": "^3.0.5",
"vue-loader": "^16.8.3",
"vue-marquee-text-component": "^2.0.1",
"vue-select": "^4.0.0-beta.3"
},