Diagnóstico rápido en Sass
1
Revisa primero mensaje de compilación, módulo implicado y selector final generado.
2
Cuando algo 'desaparece', suele ser por orden de importación/módulos o por sobreescritura de especificidad.
Sass
13
Debug y migración de Sass heredado
Depura errores de compilación, reduce deuda técnica y migra de @import a módulos modernos sin romper estilos existentes.
Código del tema: Arquitectura Sass escalable
📘 Teoría
Migrar @import sin romper todo
1
Empieza por módulos de tokens y utilities, luego componentes y finalmente páginas.
2
Introduce namespaces cortos para evitar colisiones y facilitar búsquedas.
Antes y después
// Antes
@import "tokens";
@import "buttons";
// Después
@use "tokens" as t;
@use "buttons";
.button {
border-color: t.$color-border;
}