Зачем нужны препроцессоры
Препроцессор компилирует расширенный синтаксис в CSS. Типичные возможности: переменные, вложенность, mixin’ы, импорт partials, функции/цвета.
Популярны Sass/SCSS, Less, Stylus; рядом PostCSS как пайплайн плагинов.
Они помогают держать крупные стили модульными и DRY. Итоговый артефакт — обычный CSS для браузера.
Итог
Препроцессор = DX и организация кода стилей; на проде важен уже собранный CSS.
CSS · junior · сложность 2