Реальный кейс.
Сейчас в процессе разработки дизайн системы для Shopify, для меню мы используем плагин, который формирует меню.
Все стили плагин инлайнит в rem, включая размеры шрифтов и паддинги.
Для того чтобы был правильный размер я должен поставить html font-size: 10px; Но это влияет на другие плагины с rem, которые за базу используют другой размер.
Как отделить друг от друга эти размеры?
Внутри веб-компонентов можно задать размеры шрифта, так что rem будет рассчитываться от этого размера. https://stackoverflow.com/a/55245991 Но там наверняка другие заморочки вылезут
