css - Error de Sass: Las reglas @use deben escribirse antes que cualquier otra regla. Angular

El contenido del error:

Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

Respuesta #1

Debes colocar cualquier línea de código @use por encima de las demás.

Por ejemplo, el código a continuación lanza un error:

.button {
  @include corners.rounded;
  padding: 5px + corners.$radius;
}

@use "src/corners";

Pero este código funcionará bien:

@use "src/corners";

.button {
  @include corners.rounded;
  padding: 5px + corners.$radius;
}

Recuerda que @use en las líneas del medio generará un error incluso si no usas nada del archivo.