Импорт таблицы стилей CSS в веб -компонент с Shadow Dom в Firefox ⇐ CSS

[Anonymous]

I am using Firefox 141.0.3.
I know there are several ways to have individual CSS properties pierce the Shadow DOM:

• inheritable CSS Properties
• CSS Custom Properties
• use part and MyWebComponent: part ()

В этом случае я действительно хочу импортировать целую таблицу стилей (и я не хочу писать в моем.

Код: Выделить всё

import myStyles from '/styles/my-styles.css' with {type: 'css'}
< /code>
Firefox говорит мне, что он не (в настоящее время) подтверждает: < /p>

uncaught syntaxError: импортные утверждения в настоящее время не поддерживаются < /p>
< /blockquote>
.import myStyles from '/styles/my-styles.css'

Firefox tells me it doesn't allow the MIME type:

Loading module from “/styles/my-styles.css” was blocked because of a disallowed MIME type (“text/css”)

Then I tried:
const myStyles = new CSSStyleSheet();
myStyles.replace(`@import url('/styles/my-styles.css')`);
< /code>
Firefox рассказывает мне: < /p>

@import Правила еще не действительны в строительных таблицах стилей.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... in-firefox