Как переопределить REM для Shadow Dom? ⇐ Javascript

[Anonymous]

Я разрабатываю расширение браузера Chrome. В Vuetify (а также в Primevue, MUI и почти в любой другой библиотеке пользовательского интерфейса) компонентные размеры шрифтов определены в REM. При интеграции библиотеки в теневой элемент DOM значение REM, установленное в HTML Shadow DOM, игнорируется в пользу REM из элемента root HTML. Это приводит к различным размерам шрифтов на разных веб-сайтах, в зависимости от размера шрифта элемента root HTML. Как лучше всего решить эту проблему? Должен ли я попытаться переопределить стили в библиотеке пользовательского интерфейса, или есть еще один метод, чтобы заставить библиотеку пользовательского интерфейса использовать REM, определенный в Shadow DOM вместо этого из элемента root HTML?

Подробнее здесь: https://stackoverflow.com/questions/795 ... shadow-dom