const rules = {
    test: /\.module\.scss$/,
    use: [
      'style-loader',
      {
        loader: 'css-loader',
        options: {
          modules: true,
        },
      },
      'postcss-loader',
      'sass-loader',
    ],
  });
  return config;
},
{
  config.module.rules.push({
    test: /\.scss$/,
    exclude: /\.module\.scss$/,
    use: ['style-loader', 'css-loader', 'sass-loader'],
  });
  return config;
}
]

function withTsconfigPathsPlugin(config) {
  const tsConfigPathsPlugin = new TsconfigPathsPlugin({
    configFile: './tsconfig.base.json',
  });

  if (config.resolve.plugins) {
    config.resolve.plugins.push(tsConfigPathsPlugin);
  } else {
    config.resolve.plugins = [tsConfigPathsPlugin];
  }

  return config;
}

function withSvgrLoader(config) {
  const svgrRule = {
    test: /\.svg$/,
    use: [
      {
        loader: '@svgr/webpack',
        options: {
          exportType: 'named',
          svgoConfig: {
            plugins: [
              {
                name: 'preset-default',
                params: {
                  overrides: {
                    removeViewBox: false,
                  },
                },
              },
            ],
          },
        },
      },
    ],
  };

  const existingSVGRule = config.module.rules.find(({ test }) => test?.test('.svg'));
  const existingSVGRuleIndex = config.module.rules.indexOf(existingSVGRule);

  // Merge our rule with existing rule if it exists
  if (existingSVGRuleIndex > -1) {
    existingSVGRule.test = /\.(ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/;
    config.module.rules.splice(existingSVGRuleIndex, 0, svgrRule);
  } else {
    config.module.rules.push(svgrRule);
  }
}

     rules: {
            '**/*.module.scss': {
              issuerLayer: 'style',
              loaders: [
                'style-loader',
                {
                  loader: 'css-loader',
                  options: {
                    importLoaders: 1,
                    modules: {
                      localIdentName: '[name]__[local]--[hash:base64:5]',
                    },
                  },
                },
                {
                  loader: 'postcss-loader',
                  options: {
                    postcssOptions: {
                      config: path.join(__dirname, 'postcss.config.js'),
                    },
                  },
                },
                {
                  loader: 'sass-loader',
                  options: {
                    sassOptions: {
                      includePaths: [path.join(__dirname, 'node_modules')],
                    },
                  },
                },
              ],
            },
            '**/*.scss': {
              issuerLayer: 'style',
              loaders: [
                'style-loader',
                'css-loader',
                {
                  loader: 'postcss-loader',
                  options: {
                    postcssOptions: {
                      config: path.join(__dirname, 'postcss.config.js'),
                    },
                  },
                },
                {
                  loader: 'sass-loader',
                  options: {
                    sassOptions: {
                      includePaths: [path.join(__dirname, 'node_modules')],
                    },
                  },
                },
              ],
            },
            '**/*.svg': {
              as: '*.js',
              loaders: ['@svgr/webpack'],
            },
          },

Error: ./apps/product/styles/globals.css
Error evaluating Node.js code
TypeError: Cannot read properties of undefined (reading 'contextify')
    [at stringifyRequest (/Users/gowthamtg/Documentsmy-app/node_modules/style-loader/dist/utils.js:28:45)]
    [at getImportStyleAPICode (/Users/gowthamtg/Documentsmy-app/node_modules/style-loader/dist/utils.js:39:22)]
    [at Object.pitch (/Users/gowthamtg/Documentsmy-app/node_modules/style-loader/dist/index.js:124:42)]
    [at LOADER_EXECUTION (/Users/gowthamtg/Documentsmy-app/node_modules/next/dist/compiled/loader-runner/LoaderRunner.js:1:4134)]
    [at runSyncOrAsync (/Users/gowthamtg/Documentsmy-app/node_modules/next/dist/compiled/loader-runner/LoaderRunner.js:1:4145)]
    [at /Users/gowthamtg/Documentsmy-app/node_modules/next/dist/compiled/loader-runner/LoaderRunner.js:1:4926]
    [at handleResult (/Users/gowthamtg/Documentsmy-app/node_modules/next/dist/compiled/loader-runner/LoaderRunner.js:1:1424)]
    [at loadLoader (/Users/gowthamtg/Documentsmy-app/node_modules/next/dist/compiled/loader-runner/LoaderRunner.js:1:963)]
    [at iteratePitchingLoaders (/Users/gowthamtg/Documentsmy-app/node_modules/next/dist/compiled/loader-runner/LoaderRunner.js:1:4794)]
    [at runLoaders (/Users/gowthamtg/Documentsmy-app/node_modules/next/dist/compiled/loader-runner/LoaderRunner.js:1:8590)]
    [at eval (turbopack:///[turbopack-node]/transforms/webpack-loaders.ts:198:5)]
    [at <anonymous>]
    [at transform (turbopack:///[turbopack-node]/transforms/webpack-loaders.ts:190:10)]
    [at run (turbopack:///[turbopack-node]/ipc/evaluate.ts:92:29)]
    [at run (turbopack:///[turbopack-node]/ipc/evaluate.ts:115:11)]
    [at process.processTicksAndRejections (node:internal/process/task_queues:95:5)]
    at BuildError (http://localhost:4200/_next/static/chunks/node_modules_next_dist_client_cfac494b._.js:11638:41)
    at renderWithHooks (http://localhost:4200/_next/static/chunks/node_modules_react-dom_cjs_react-dom_development_ab7e073c.js:13260:28)
    at updateFunctionComponent (http://localhost:4200/_next/static/chunks/node_modules_react-dom_cjs_react-dom_development_ab7e073c.js:16755:32)
    at beginWork (http://localhost:4200/_next/static/chunks/node_modules_react-dom_cjs_react-dom_development_ab7e073c.js:18388:32)
    at beginWork$1 (http://localhost:4200/_next/static/chunks/node_modules_react-dom_cjs_react-dom_development_ab7e073c.js:23101:28)
    at performUnitOfWork (http://localhost:4200/_next/static/chunks/node_modules_react-dom_cjs_react-dom_development_ab7e073c.js:22402:24)
    at workLoopSync (http://localhost:4200/_next/static/chunks/node_modules_react-dom_cjs_react-dom_development_ab7e073c.js:22331:17)
    at renderRootSync (http://localhost:4200/_next/static/chunks/node_modules_react-dom_cjs_react-dom_development_ab7e073c.js:22308:21)
    at performConcurrentWorkOnRoot (http://localhost:4200/_next/static/chunks/node_modules_react-dom_cjs_react-dom_development_ab7e073c.js:21732:84)
    at workLoop (http://localhost:4200/_next/static/chunks/node_modules_724be659._.js:304:48)
    at flushWork (http://localhost:4200/_next/static/chunks/node_modules_724be659._.js:283:28)
    at MessagePort.performWorkUntilDeadline (http://localhost:4200/_next/static/chunks/node_modules_724be659._.js:511:35)