Я как-то упустил насколько быстро сейчас развивается CSS. Кажется, что через несколько лет препроцессоры и другие решения будут не особо то и нужны.

CSS переменные у нас уже есть давным давно
- поддержка 95%
Вместо БЭМА и CSS модулей сможем использовать @scope
- поддержка 82%
Можем сократить количество !important при переопределении стилей, просто помещаем стили внутрь разных каскадных слоёв с помощью @layer.
- поддержка 93%
Смешиваем цвета прямо в CSS
- поддержка 91.5%

 
color-mix(in srgb, var(--c), white var(--pct))

Заменяем медиа выражения на if-ы
- поддержка 64%

 
color: if(style(--theme: dark): white;
 style(--theme: light): black;
 else: black);

Долой миксины, да здравствуют нативные кастомные функции
- поддержка 0.04% — свежачок 🥒

 
/* Функция для смешивания цвета с белым */
@function --tint(--c, --pct) {
  result: color-mix(in srgb, var(--c), white var(--pct));
}

Наверняка ещё что-то упустил, если что — подскажите 🙏. Проверить, что все эти функции действиетльно работают (в хроме) можно 👉 вот в этой демке — просто загляните в исходники.

Подробнее здесь: