[Dúvida] variaveis | SASS e CSS: estilizando um site

Nos cursos anteriores que mostrava o Css , vimos a utilização do :root para criação de variaveis. No Sass já estamos vendo que a forma de criação de variaveis é diferente. Mas fiquei confuso com algumas partes:

1- O :root não é utilizado como forma de criar variaveis?

2- Por que devemos colocar @use ... em todas partials na parte superior, não existe uma maneira de colocar em apenas um local para que sirva em todas as partials? nos cursos anteriores de css a gente colocava apenas :root no styles.css e conseguia usar nos outros arquivos sem a necessidade de colocar o @use... em cima.

3-Quando terminamos de estilizar um arquivo.scss para onde vai as variaveis ? elas não aparecem no arquivo.css ( aparecem apenas o conteudo referente a essas variaveis).

Oi, Rodrigo, tudo bem?

No CSS, utilizamos o :root para definir variáveis globais que podem ser acessadas em qualquer lugar do nosso arquivo CSS. No entanto, no SASS, a definição de variáveis é um pouco diferente. As variáveis no SASS são definidas com o símbolo $ e podem ser usadas em todo o arquivo onde foram definidas. Se você quiser usar uma variável em vários arquivos, você precisará importar o arquivo que contém a variável usando a diretiva @use.

A razão pela qual precisamos colocar @use no topo de cada arquivo é porque o SASS não tem uma maneira de importar automaticamente variáveis ou mixins para todos os arquivos. Cada arquivo SASS é considerado um escopo separado, então se você quer usar variáveis ou mixins de um arquivo, você precisa importá-los explicitamente.

3- Quando você compila seu código SASS em CSS, as variáveis SASS são substituídas pelos seus valores correspondentes. Por exemplo, se você tem uma variável $cor-fundo: #f00; e você usa essa variável em algum lugar do seu código SASS, como background-color: $cor-fundo;, quando o SASS é compilado em CSS, ele se tornará background-color: #f00;. As variáveis SASS não aparecem no arquivo CSS final, apenas seus valores.

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!