O que é o Sass e porque você deveria utilizá-lo (em alguns cenários)
- Antes de tudo, quero dizer que o Sass/SCSS, sim, em alguns casos específicos, é muito superior ao TailwindCSS (mais comum em aplicações React/Next.js), e vou trazer alguns deles. Porém, isso não significa que existe melhor ferramenta, mas sim a melhor no seu contexto. Portanto, sua relevância e participação em sistemas (a exemplo do GOV.BR¹), principalmente legados, devem ser consideradas.
Aprofundando isso um pouco, é (quase) tudo sobre avaliar o pior/melhor cenário possível, e tomar decisões que estejam alinhadas a intensidade do impacto desses cenários em toda a equipe e negócio. Como eu disse, depende.
Agora, vamos para o conteúdo! 🧑🏻💻
O Sass é um pré-processador do CSS. A maior vantagem do Sass é a possibilidade de criar códigos CSS mais robustos e sustentáveis, usando funcionalidades exclusivas do Sass. Quem já trabalhou num extenso stylesheet sabe o quanto código CSS pode se tornar confuso, difícil de manter e complexo. Minhas lembranças desses dias são nítidas. O Sass soluciona a maior parte desses problemas antes de acontecer.
Eu vejo o Sass como uma extensão das boas práticas de engenharia de software aplicadas ao CSS, observadas em funcionalidades do Sass como "mixins (basicamente funções no CSS)" "nesting", "inheritance (herança)" e "modules". Isso é interessante. Na verdade, é uma ótima vantagem. Porém, nem sempre é relevante o suficiente para ser necessário.
Eu sei que muito provavelmente muita gente irá ler isso e pensar, "Porquê eu deveria usar isso, e não o TailwindCSS?". Bom, sabe os problemas que eu disse acontecer no pior cenário sobre o CSS puro? Eles se repetem aqui. No pior caso em TailwindCSS, o código se torna extenso, complexo, e há a exigência de arquivos de configuração para trazer funcionalidades que tornam o código mais robusto e sustentável - uma realidade nativa do Sass.
Resumindo, o Sass/CSS pode ser uma ferramenta poderosíssima se usado por uma equipe que sabe o básico dele - em 30min você aprende 90% dele. Porém, pode ser um problema quando você deseja sacrificar a sustentabilidade do código para conseguir mais velocidade de desenvolvimento e prototipação - cenário esse do qual o TailwindCSS e outros farão um bom trabalho.
Espero que tenham gostado do conteúdo!
Links:
¹ Os estilos em CSS no Design System do GOV.BR (versão 3.7.0) são criados usando o Sass no formato SCSS.