Весь день изучал варианты и пытался как-то в голове уложить всю эту внутрянку Vite, React, Babel, CSS modules, styled components и т.д., чтобы написать плагин, который будет мне стили, относящиеся к React-элементу, сувать в его атрибут style. В итоге понял что это всё на фиг не надо, и пришёл к такому решению:

Компонент оборачивается в мой HOC, который берёт ref на HTMLElement этого компонента, проходится по нему и всем его потомкам, выбирает из document.styleSheets все стили, относящиеся к этому элементу, и задаёт ему через element.style.setProperty() 🎉

Сорри за кучу технических подробностей, мало ли, вдруг кому полезно будет. Выглядит немного костыльно, но работает — и я уже вставил эту подпись в GMail, протестил - всё как надо!

Теперь только чуть оптимизировать надо, плюс сделать простенький но чистый и понятный UI, и отправляю билд на проверку.

На этой неделе у нас создание баннеров, иконок, переводов и выгрузка всего этого в Chrome Web Store. Если я конечно опять на чём-нибудь не залипну...