Hello! I'm trying to change the class name format to have a smaller output. I understood that for large applications, this can bring issues, however, what I am willing to do with Next.js is a smaller application, so I would like to customize this output. I tried a few 'hacks' to customize the webpack config within next.config.js, but none works.

What I have tried?:
https://dhanrajsp.me/snippets/customize-css-loader-options-in-nextjs

I tried the option with version >= 12, but the modules from cssLoaderOptions is undefined. The cssLoader is this:

{
  loader: 'C:\\Projects\\***\\node_modules\\next\\dist\\build\\webpack\\loaders\\next-flight-css-loader.js',
  options: { cssModules: true }
}
{
  loader: 'C:\\Projects\\***\\node_modules\\next\\dist\\build\\webpack\\loaders\\next-flight-css-loader.js',
  options: { cssModules: true }
}
{
  loader: 'C:\\Projects\\***\\node_modules\\next\\dist\\build\\webpack\\loaders\\next-flight-css-loader.js',
  options: { cssModules: true }
}