@property in shadow dom

[imshenshen]

tailwind gen code like this, I put the generated css text into a shadow dom using javascript, the @Property doesn't work, it is not appear in chrome devtools .

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

I v tried shadowRoot.adoptedStyleSheets . doesn't work

[wongjn]

@property rules need to be on the base document, see #15005 (comment)