Отключение родителей PostCSS добавляет: is () pseudo после компиляции и не производит совместимые CSS ⇐ CSS

[Anonymous]

Я только что мигрировал из SCSS на PostCSS и столкнулся только с одной проблемой, которую я не могу решить. Реальные варианты использования гораздо более вложены, чем эта, поэтому функция имела заслуга при использовании sass.
input
.nav {
position: relative;
height: 50px;

& .nav-backdrop {
height: 100%
background-color: green;

.nav:not(.is-open) & {
background-color: red;
}
}
}

ожидаемый результат:
.nav {
position: relative;
height: 50px;
}
.nav .nav-backdrop {
height: 100%;
background-color: green;
}
.nav:not(.is-open) .nav-backdrop {
background-color: red;
}

фактический результат:
.nav {
position: relative;
height: 50px;
}
.nav .nav-backdrop {
height: 100%;
background-color: green;
}
.nav:not(.is-open) :is(.nav .nav-backdrop) {
background-color: red;
}
< /code>
Использование Pseudo: is () не должно быть интенсивным выводом для поддержки совместимых браузеров, и я не могу понять, почему он выводит таким образом. Ideally I would like to try and replicate the same but I cannot even get this basic representation to work.
I also tried to make use of postcss-nested-ancestors but that did not change anything.
The error I receive is can not be transformed to an equivalent selector without ':is()
Is there a way to achieve what I am trying Чтобы сделать. < /p>
Плагины включены{
"postcss-calc": "^10.1.1",
"postcss-combine-media-query": "^2.0.0",
"postcss-nested-ancestors": "^3.0.0",
"postcss-preset-env": "^10.3.1",
"postcss-simple-vars": "^7.0.1"
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... ot-produci