Проблема с :global() селекторами CSS-модулей, которые не являются чистыми в NextJS ⇐ CSS

[Anonymous]

Итак, я переносю приложение с CRA на NextJS и обнаружил ошибку в файлах .module.scss некоторых компонентов и страниц:

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

Syntax error: Selector ":global(.label-primary)" is not pure (pure selectors must contain at least one local class or id)

Я получаю эту ошибку для всех селекторов CSS-модулей :global и :local. Основываясь на том, что я искал, я могу решить эту проблему, обернув селектор в класс и отредактировав jsx. но не противоречит ли это его цели?
И как это работает в версии приложения CRA, а не в NextJS?
РЕДАКТИРОВАТЬ:
Одно решение, которое я Для этого нужно переместить селекторы :global() в глобальные файлы CSS, которые импортируются в _app.js, но мой вопрос заключается в том, есть ли какой-либо способ, которым мы могли бы использовать эти стили так, как они есть сейчас ( :global( ...) )?

Подробнее здесь: https://stackoverflow.com/questions/685 ... -in-nextjs