Conversor SCSS para CSS

Alguém te mandou um trecho de SCSS e você quer enxergar o CSS que sai dali sem instalar o Dart Sass só para ler um arquivo. Esta página faz três coisas e apenas três: apaga as linhas de declaração de variável, do tipo $cor: #333, remove os comentários que começam com barra dupla e troca cada uso de $cor por var(--cor). É apoio de leitura, não etapa de build.

Apagar as declarações tem uma consequência direta: a saída passa a referenciar var(--cor) sem que --cor esteja definida em lugar nenhum. Você precisa declarar as suas, normalmente dentro de um bloco :root. A remoção de comentário também é regex simples, então qualquer barra dupla inicia comentário, inclusive a que está dentro de uma URL absoluta: um url com https vira um url truncado logo depois dos dois pontos.

O que ela não faz: aninhamento, o seletor &, @mixin, @include, @extend, @use, mapas, laços e funções como darken() passam inteiros para a saída, do jeito que entraram. Para compilar de verdade, npx sass entrada.scss saida.css resolve em um comando. Use esta página quando o SCSS é raso e você só quer o esqueleto do CSS na tela. A conversão acontece no navegador enquanto você digita.