Conversor CSS para SCSS

A parte que ninguém conta sobre migrar CSS para SCSS: quase não existe migração. Todo CSS válido já é SCSS válido, então renomear a extensão do arquivo resolve o build. O trabalho de verdade é outro, e é chato: percorrer o arquivo trocando as custom properties, aquelas com dois hífens, pelas variáveis do Sass com cifrão. É exatamente isso que esta ferramenta faz, e só isso.

São duas substituições de texto. A declaração com dois hífens seguida de dois pontos e valor vira a mesma linha com cifrão, e cada chamada var com a custom property dentro vira a referência com cifrão. Todo o resto passa intacto: seletores, media queries, comentários. Duas pegadinhas conhecidas: a chamada var com valor de fallback depois da vírgula não é reconhecida e fica como está, e a declaração precisa terminar em ponto e vírgula para ser detectada.

O que quebra o build depois é escopo. Suas custom properties provavelmente moram dentro do bloco raiz; ao virarem cifrão, continuam lá, e variável do Sass declarada dentro de um bloco só vale dentro daquele bloco. Mova as declarações para o topo do arquivo ou para um parcial de variáveis depois de converter. E não converta o que você troca em tempo de execução: tema por classe no body, valor que muda em media query. Cifrão morre no build, dois hífens vivem no navegador.