Какой опыт работы с препроцессорами CSS

Работал с Sass (SCSS) и Less. Основные используемые возможности: вложенность, переменные, миксины, импорты, математические операции.

Пример SCSS:

$primary-color: #3498db;

@mixin flex-center {
display: flex;
justify-content: center;
align-items: center;
}

.container {
@include flex-center;
background: $primary-color;

.item {
padding: 10px;
&:hover {
transform: scale(1.1);
}
}
}

Знаю PostCSS для автоматизации (автопрефиксер, сортировка свойств). Опыт сборки через Webpack/Vite.