Added scoped scss

.babelrc

@@ -0,0 +1,3 @@
+{
+    "plugins": ["babel-plugin-react-scoped-css"]
+}

.storybook/main.js

@@ -1,3 +1,5 @@
+const path = require('path');
+
 module.exports = {
     stories: [
         '../src/**/*.stories.mdx',
@@ -9,4 +11,18 @@ module.exports = {
         '@storybook/addon-interactions',
     ],
     framework: '@storybook/react',
+    webpackFinal: async (config) => {
+        config.module.rules.push({
+            test: /\.scoped\.(sc|c|sa)ss$/,
+            include: path.resolve(__dirname, '../'),
+            use: [
+                'style-loader',
+                'css-loader',
+                'scoped-css-loader',
+                'sass-loader',
+            ],
+        });
+
+        return config;
+    },
 };

.virmator/jest/jest-config.ts

@@ -19,6 +19,9 @@ export const virmatorJestConfig: InitialOptionsTsJest = {
             },
         },
     },
+    moduleNameMapper: {
+        '.scoped.(sc|c|sa)ss$': '<rootDir>/test/unit/stubs/style.js',
+    },
 };
 
 export default virmatorJestConfig;