[1] ERROR in ./storybook/package-styles/components-ltr.lazy.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[16].use[2]!./node_modules/sass-loader/dist/cjs.js!./storybook/package-styles/components-ltr.lazy.scss)
[1] Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
[1] Parentheses aren't allowed in plain CSS.
[1]     ╷
[1] 278 │ @media (min-width: 782px) and (not (prefers-reduced-motion)) {
[1]     │                                    ^
[1]     ╵
[1]   packages/components/build-style/style.css 278:36       @import
[1]   storybook/package-styles/components-ltr.lazy.scss 1:9  root stylesheet
[1]  @ ./storybook/package-styles/components-ltr.lazy.scss 10:6-235 12:10-17 12:21-35 13:32-46 31:17-24 45:7-21 77:25-39 78:36-47 78:50-64 82:6-94:7 83:54-65 83:68-82 89:42-53 89:56-70 92:29-36 106:0-205 106:0-205 80:4-95:5
[1]  @ ./storybook/package-styles/config.js 8:0-71 27:8-21 31:8-21 35:8-21 39:8-21 43:8-21
[1]  @ ./storybook/decorators/with-rtl.js 10:0-46 29:4-18
[1]  @ ./storybook/preview.js 12:0-48 108:61-68
[1]  @ ./storybook-config-entry.js 8:648-713 29:2-32:4 29:634-32:3
[1] 
[1] ERROR in ./storybook/package-styles/components-rtl.lazy.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[16].use[2]!./node_modules/sass-loader/dist/cjs.js!./storybook/package-styles/components-rtl.lazy.scss)
[1] Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
[1] Parentheses aren't allowed in plain CSS.
[1]     ╷
[1] 278 │ @media (min-width: 782px) and (not (prefers-reduced-motion)) {
[1]     │                                    ^
[1]     ╵
[1]   packages/components/build-style/style-rtl.css 278:36   @import
[1]   storybook/package-styles/components-rtl.lazy.scss 1:9  root stylesheet
[1]  @ ./storybook/package-styles/components-rtl.lazy.scss 10:6-235 12:10-17 12:21-35 13:32-46 31:17-24 45:7-21 77:25-39 78:36-47 78:50-64 82:6-94:7 83:54-65 83:68-82 89:42-53 89:56-70 92:29-36 106:0-205 106:0-205 80:4-95:5
[1]  @ ./storybook/package-styles/config.js 9:0-71 28:8-21 32:8-21 36:8-21 40:8-21 44:8-21
[1]  @ ./storybook/decorators/with-rtl.js 10:0-46 29:4-18
[1]  @ ./storybook/preview.js 12:0-48 108:61-68
[1]  @ ./storybook-config-entry.js 8:648-713 29:2-32:4 29:634-32:3
[1] 
[1] preview compiled with 2 errors
[1] => Failed to build the preview
[1] <s> [webpack.Progress] 99% end closing watch compilation
[1] <s> [webpack.Progress] 99% end closing watch compilation
[1] WARN Force closed preview build
[1] SB_BUILDER-WEBPACK5_0003 (WebpackCompilationError): There were problems when compiling your code with Webpack.
[1] Run Storybook with --debug-webpack for more information.
[1]     at starter (./node_modules/@storybook/builder-webpack5/dist/index.js:1:23903)
[1]     at starter.next (<anonymous>)
[1]     at Module.start (./node_modules/@storybook/builder-webpack5/dist/index.js:1:25882)
[1]     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
[1] 
[1] WARN Broken build, fix the error above.
[1] WARN You may need to refresh the browser.