¿Cómo resuelvo el error “Módulo no encontrado: No se puede resolver [archivo css] en [directorio]” al desplegar un sitio de Next.js en Netlify?

Estoy tratando de implementar este sitio en Netlify: https://github.com/Koda-Pig/joshkoter.com
Pero obtengo este error:

10:02:31 AM: Módulo no encontrado: No se puede resolver '../styles/home.module.css' en '/opt/build/repo/pages'
10:02:31 AM: > La compilación falló debido a errores de webpack


Mi archivo next.config.json se ve así:

module.exports = {
   reactStrictMode: true
}

const withVideos = require(‘next-videos’)

module.exports = withVideos()

Según el sitio web de Next.js, hay soporte incorporado para módulos CSS, y Netlify no parece tener problemas con ninguno de los otros módulos CSS que he creado, así que no entiendo por qué hay un error de webpack.

He intentado especificar un cargador de CSS en next.config.js de la siguiente manera:

module.exports = {
   reactStrictMode: true,
   module: {
    rules: [
      {
        test: /.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/
      },
      {
        test: /.css$/,
        use: ['style-loader', 'css-loader']
      }
    ]
  }
}

const withVideos = require('next-videos')

module.exports = withVideos()

También intenté con esta configuración:

module.exports = {
   reactStrictMode: true,
   module: {
    rules: [
      {
        test: /.css$/i,
        use: ["style-loader", "css-loader"],
      },
    ],
  },
}

const withVideos = require('next-videos')

module.exports = withVideos()

Pero obtuve el mismo mensaje de error. Esta es mi primera vez implementando un sitio de next.js en Netlify, así que perdóneme si me estoy perdiendo algo obvio.

Cualquier ayuda sería muy apreciada.