Зачем использовать CSS-препроцессор?

Question

Accepted Answer

## Что дают Sass/Less/Stylus

- переменные и карты токенов (частично заменены CSS variables);
- вложенность селекторов;
- миксины, функции, `@extend`;
- модульность (`@use`), импорт партиалов;
- циклы для генерации утилит.

```scss
@use 'tokens';
.button {
  background: tokens.$accent;
  &:hover { filter: brightness(1.05); }
}
```

## Сегодня

Нативные custom properties, nesting, cascade layers закрывают часть нужд. Препроцессор всё ещё полезен в больших дизайн-системах и легаси. Минус — доп. сборка и риск «селекторного ада» от глубокой вложенности.