CSS variables in :root

[stepancar]

Опишите проблему

Переменные компонентов попадают в root.
На данный момент переменные относящиеся к компонентам попадают в root.
Из за этого, при использовании devtools в проекте, где используются все компоненты практически невозможно, все начинает тормозить.
И это понятно, так как каждый элемент дерева наследует скоуп переменных. Померить вклад этого в ухудшение производительности самого приложения быстро не удалось, но уверен, он есть, если будет необходимо, можно провести исследование.
На это можно смотреть как на проблему devtools, но это не совсем так.
Переменные в root несколько разрушают философию css modules. Поскольку изоляция рушится.
Предлагаю рассмотреть перенос переменных компонентов в скоуп компонентов

Шаги для воспроизведения

1. Перейти на страницу '...'
2. Нажать на кнопку '...'

Ожидаемое поведение

Переменные объявлены на уровне компонентов.