Префикс импорта с классами для тематики не работает

Я использую Bootswatch и Bootstrap, чтобы предоставить две темы для приложения Angular. С одной темой, которая используется все время, я могу сделать следующее:

@import "~bootswatch/dist/yeti/variables";
@import "~bootstrap/scss/bootstrap";
@import "~bootswatch/dist/yeti/bootswatch";
@import "./assets/custom.scss";

Моя идея предоставить пользователям возможность переключать темы заключалась в следующем:

.yeti {
    @import "~bootswatch/dist/yeti/variables";
    @import "~bootstrap/scss/bootstrap";
    @import "~bootswatch/dist/yeti/bootswatch";
    @import "./assets/custom.scss";
}

.darkly {
    @import "~bootswatch/dist/darkly/variables";
    @import "~bootstrap/scss/bootstrap";
    @import "~bootswatch/dist/darkly/bootswatch";
    @import "./assets/custom.scss";
}

Затем я могу применить класс yeti или darkly к корневому элементу html, и должна быть применена соответствующая тема, которую легко изменить, поменяв классы местами. Я знаю, что это дважды дублирует CSS Bootstrap 4, я новичок в SASS, так что это лучший способ, который я мог придумать.

Это отлично работает, когда я собираю с ng build --ec, но когда я пытаюсь собрать prod ng build --prod, я получаю следующие ошибки:

WARNING in Unexpected '}' at 7837:43.

WARNING in Unexpected '}' at 15101:43.

WARNING in Invalid property name '.yeti {
        size' at 7820:6. Ignoring.

WARNING in Invalid selector '}
.yeti .navbar' at 7837:43. Ignoring.

WARNING in Invalid property name '.darkly {
        size' at 15084:6. Ignoring.

WARNING in Invalid selector '}
.darkly .bg-primary .navbar-nav .active > .nav-link' at 15101:43. Ignoring.

Это значительно нарушает мою навигационную панель, чего не произошло, когда тот же самый SASS был создан для режима отладки. После некоторого покопания в файлах bootswatch и bootstrap SASS я обнаружил, что .bg-primary .navbar-nav .active > .nav-link является первым правилом в файле bootwatch ~bootswatch/dist/[theme]/bootswatch, что наводит меня на мысль, что существует некоторая проблема при объединении файлов ~bootstrap/scss/bootstrap и ~bootswatch/dist/[theme]/bootswatch с помощью селектора классов темы (либо darkly, либо yeti). Есть ли способ исправить эту ошибку или «игнорировать» ее, как это делает отладочная сборка?