SassError: Error de Sass: se esperaba “{“. en Storybook

Estoy tratando de usar Storybook para trabajar en mis componentes. Mis componentes utilizan SASS para el estilo, pero cuando inicio Storybook obtengo este error:

SassError: SassError: se esperaba “{”
╷
2 │ var content = require(“!!../../../node_modules/css-loader/dist/cjs.js?modules&importLoaders!../../../node_modules/sass-loader/dist/cjs.js!./fileUpload.scss”);
│ ^
╵

Mi archivo fileUpload.scss se ve bastante inofensivo. Es un SCSS/CSS bastante común:

nav {
.file-upload-modal {
min-width: 900px;
}

.file-upload-content {
min-width: 500px;
}
}

¿Qué intenta decirme este error de SassError?

Mi archivo main.js de Storybook se ve así:

module.exports = {
“stories”: [
“../src//*.stories.mdx”,
“../src//*.stories.@(js|jsx|ts|tsx)”
],
“addons”: [
“@storybook/addon-links”,
“@storybook/addon-essentials”,
“@storybook/preset-create-react-app”,
// “@storybook/preset-scss”,
],
“framework”: “@storybook/react”,

webpackFinal: async (config, { configType }) => {
// agregar soporte para SCSS para los módulos CSS
config.module.rules.push({
test: /.scss$/,
use: [‘style-loader’, ‘css-loader’, ‘sass-loader’],
include: path.resolve(__dirname, ‘../’),
});
return config;
},
}

(Intenté instalar @storybook/preset-scss pero obtuve todo tipo de errores de dependencia de pares con typescript y react.)