SCSS modules in Features

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>

packages/infrastructure/typescript/config/base.json

@@ -41,7 +41,5 @@
     "compilerOptions": {
       "module": "CommonJS"
     }
-  },
+  }
-
-  "include": ["./styles.d.ts"]
 }

packages/infrastructure/typescript/package.json

@@ -20,6 +20,6 @@
   "homepage": "https://github.com/lensapp/lens",
   "dependencies": {
     "typescript": "^4.9.3",
-    "typescript-plugin-css-modules": "^3.4.0"
+    "typescript-plugin-css-modules": "^5.0.1"
   }
 }

packages/infrastructure/webpack/src/get-node-config.js

@@ -30,7 +30,7 @@ module.exports = ({ entrypointFilePath, outputDirectory }) => ({
         mode: "write-dts",
 
         configOverwrite: {
-          include: [entrypointFilePath],
+          include: [entrypointFilePath, './styles.d.ts'],
 
           compilerOptions: {
             declaration: true,

packages/infrastructure/webpack/src/get-react-config.js

@@ -50,7 +50,11 @@ module.exports =
                 options: {
                   sourceMap: false,
                   postcssOptions: {
-                    plugins: ["tailwindcss"],
+                    plugins: {
+                      tailwindcss: {
+                        config: {}
+                      }
+                    },
                   },
                 },
               },

packages/infrastructure/webpack/src/styles.d.ts

@@ -0,0 +1,17 @@
+// Support import for custom module extensions
+// https://www.typescriptlang.org/docs/handbook/modules.html#wildcard-module-declarations
+
+declare module "*.module.scss" {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+
+declare module "*.module.css" {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+
+declare module "*.scss" {
+  const content: string;
+  export = content;
+}