Sass 1.77.7 Критическое изменение: смешанные объявления. Есть ли какие-нибудь простые обходные пути или обновления для с ⇐ CSS

[Anonymous]

Sass объявил, что в ближайшее время будут внесены некоторые критические изменения в синтаксис смешанных объявлений. Начиная с Sass 1.77.7, при компиляции я получаю следующие предупреждения. -

Поведение Sass для объявлений, которые появляются после вложенных
правил, будет изменено, чтобы соответствовать поведению, заданному CSS в следующей
версии. . Чтобы сохранить существующее поведение, переместите объявление над вложенным
правилом. Чтобы принять новое поведение, оберните объявление в & {}.

Ниже приведен базовый пример проблемы. Если мы определим миксин, а затем добавим его в класс стиля в верхней части класса, а затем объявим другие правила, мы получим указанное выше предупреждение в консоли.

Код: Выделить всё

@mixin border($color) {
border: 1px solid $color;
}

.style-with-mixin {
@include border(red);
padding: 20px;
// ...Any other styles
}

Чтобы устранить эту ошибку, нам нужно либо обернуть стили, как показано ниже:

Код: Выделить всё

.style-with-mixin {
@include border(red);

&{
padding: 20px;
// ...Any other styles
}
}

Или переместите миксин на последнее объявление стиля (это также блокирует возможность переопределения любого из стилей миксина) -

Код: Выделить всё

.style-with-mixin {
padding: 20px;
// ...Any other styles
@include border(red);
}

Однако оба эти решения предполагают многократное переписывание стилей для целых проектов, что в моем случае нереально. Помимо блокировки версии sass, смог ли кто-нибудь найти обходной путь, который можно эффективно реализовать в существующих проектах?

Подробнее здесь: https://stackoverflow.com/questions/788 ... -work-arou