PurgeCSS убирает отзывчивые служебные классы

Question

Я работаю над новым сайтом, который использует служебные классы в основном для макета.

Для отзывчивости я добавляю дополнительные элементы к элементу.

Вот примерсписок классов элемента:

class="u:px-10 u@sm:px-5"

Это применяет класс u @ sm *, когда он имеет определенный размер.Я играл с PurgeCSS, и поначалу это было потрясающе, но, похоже, убирает все классы u @ sm.

Что-нибудь нужно изменить в конфигурации?Я использую стандартную настройку в Webpack.

Для создания этих классов существует несколько прикольных SASS, но по сути это так:

.u\@sm\: {
    @media all and (max-width: $breakpoint-small) {
        &px-4 {
            padding-left: 4px;
            padding-right: 4px;
        }
    }
}

Оригинальные классы сохраняются, однакосозданы следующим образом:

.u\@sm\: {
    &px-4 {
        padding-left: 4px;
        padding-right: 4px;
    }
}