SyntaxError in Safari

[konstantinkreft]

Describe the bug
When using this polyfill (>= v3.0.4) Safari throws a SyntaxError: The string did not match the expected pattern. which results in not applying any styles.
I can only reproduce this error when using the polyfill with twind. So it could also be a bug of twind but it works with construct-style-sheets-polyfill@3.0.3 so I'm not really sure.

Safari is highlighting these lines in the error.

construct-style-sheets/src/ConstructedStyleSheet.ts

Lines 133 to 135 in e6c5177

	.forEach((command) =>
	adopter.sheet![command.method].apply(adopter.sheet!, command.args),
	);

To Reproduce
Steps to reproduce the behavior:
Preview with error in console
CodeSandbox

Expected behavior
To not throw SyntaxError: The string did not match the expected pattern.

Desktop (please complete the following information):

• OS: [macOS]
• Browser [safari]
• Version [15.4]

Additional context
This error only occurs when using with twind so I'm not entirely sure which package is to blame 🤷‍♂️
It is working up until version 3.0.3 of construct-style-sheets-polyfill.

[PlusUltra404]

@konstantinkreft
Hello,
I am a senior at Clemson University completing a Bachelor's in Computer Science. Would I be able to help assist in this Issue? For my final assignment I need to contribute to an active repository and I believe I would be a good resource for this issue as I have good experience in React.

[calebdwilliams]

@PlusUltra404 Yeah, I'd be happy to field a PR from this. Let me know if you need anything including help in figuring out what's going on. I think I might know (hint there's a former PR or issue that might be related).

[konstantinkreft]

@PlusUltra404 Sure, that would be great!

Since it breaks with v3.0.4 we can narrow it down to this commit: 4e03571