Планируется ли интеграция каскадных слоёв CSS?

В CSS недавно появилась возможность определять собственные каскадные слои, и, похоже, поддержка браузеров для этой функции растёт. Надеемся, что она скоро станет доступна во всех основных браузерах.

Ссылки:
https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
https://css-tricks.com/css-cascade-layers/
https://www.youtube.com/watch?v=NDNRGW-_1EE

Меня заинтересовало, обсуждается ли возможность включения этой функции в код Discourse?

Я думаю, что это могло бы стать отличным дополнением, помочь решить проблемы со специфичностью селекторов и позволит нам избежать использования флага !important.

Возможно, в основной кодовой базе можно было бы определить набор слоёв. Например:

@layer base, layout, theme, utilities;

Тогда разработчики тем могли бы использовать слой “theme”, чтобы легко добавлять кастомизации, не делая селекторы излишне специфичными и не прибегая к флагам !important.

Это действительно кажется полезным, но нам действительно нужно подождать более широкой поддержки браузерами (особенно потому, что, как мне кажется, у этого нет разумного резервного варианта?). Большинство браузеров добавили это только в прошлом месяце… поэтому я не могу представить, чтобы его реализовали хотя бы в течение следующего года.