scss-to-css

What scss-to-css actually does

This is a flattener, not Sass. It resolves nesting into full selectors, expands the parent selector including the BEM forms, substitutes variables it has seen, and inlines a mixin body at the include. What it cannot do is evaluate: a color function, an @if branch, an @each loop and a user @function are arithmetic, and arithmetic needs the compiler. The difference matters because the common failure in this category is silent. A converter that meets something it cannot handle and quietly emits nothing hands back a stylesheet with rules missing, exits successfully, and gives the reader no reason to look. That is a real defect this tool carried until 2026-08-22: a declaration written without its final semicolon, which is legal CSS and is what every minifier emits, was dropped along with everything after it, so a single-line stylesheet came back empty with a success status. A declaration now ends at a semicolon or at the closing brace, whichever comes first, which is what the CSS Syntax specification says. Beside the result there is a line diff and a checks panel that counts braces and colons in the produced text with code that never saw the converter, so a stylesheet that lost half its rules shows the loss as a number rather than as a feeling.