שימוש במודולי CSS עם Webpack ו-TypeScript

אני מנסה לשלב מודולים של CSS בפרויקט שלי שמשתמש ב-Typescript ו-Next JS. הנה ההתקנה שלי עד כה:

   module.exports = withCustomBabelConfigFile(
      withTypeScript(withCSS({ 
      cssModules: true,
        babelConfigFile: path.resolve("./babel.config.js"),
        webpack(config, options) {
          config.module.rules.push({
            test: /\.css$/,
            include: path.join(__dirname, 'pages/index.tsx'),
            use: [
              'style-loader',
              {
                loader: 'typings-for-css-modules-loader',
                options: {
                  modules: true,
                  namedExport: true,
                  camelCase: true
                }

              }
            ],
          })
          return config
        }
      }))
    );

אני מנסה להשתמש בתוסף typings-for-css-modules-loader כדי ש-Webpack ייצור אוטומטית את ההגדרות של TypeScript שלי עבור CSS שלי.

אם אני מסיר את הפונקציה withCSS() מהקונפיגורציה שלי, הטיפוסים נוצרים אך מודולי ה-CSS אינם עובדים כי אין CSS נוסף לאלמנטים. עם זאת, אם אני משאיר את withCSS() בקונפיגורציה, הטיפוסים אינם נוצרים אך מודולי ה-CSS עובדים.

האם מישהו השתמש בקונפיגורציה של Next JS במצב הזה קודם או יודע מה אני עושה לא נכון?

תודה!