[Bug]: griffel babel preset fails on SWC commonjs transpiled output

[Hotell]

Library

React Components / v9 (@fluentui/react-components)

Are you reporting Accessibility issue?

None

Reproduction

1. checkout this branch https://github.com/hotell/fluentui/tree/use-swc-for-transpilation
2. run yarn
3. run node ./debug-swc

NOTE: the debug-swc script runs pipeline react-text dep tree for simplicity

Bug Description

We are in the process of migrating our transpilation pipelines from ts to swc for speed, but most importantly to start adhering to our browser matrix for transpiled code (#26170)

Actual Behavior

Griffel babel plugin cannot process commonjs output produced by swc

Expected Behavior

Griffel babel plugin can process swc CJS output

Logs

No response

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[Hotell]

This is caused by Linaria v3. V4 fixes this.

griffel uses v3 ATM migration to linaria v4 would need a lot of effort probably.

[microsoft-github-policy-service]

Because this issue has not had activity for over 180 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

Because this reported issue has not had any activity for over 180 days, we're automatically closing it for house-keeping reasons.

Still require assistance? Please, create a new issue with up-to date details and latest version of Fluent.

[microsoft-github-policy-service]

Because this issue has not had activity for over 180 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

Because this reported issue has not had any activity for over 180 days, we're automatically closing it for house-keeping reasons.

Still require assistance? Please, create a new issue with up-to date details and latest version of Fluent.

[microsoft-github-policy-service]

Because this issue has not had activity for over 180 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service]

Because this reported issue has not had any activity for over 180 days, we're automatically closing it for house-keeping reasons.

Still require assistance? Please, create a new issue with up-to date details and latest version of Fluent.

[microsoft-github-policy-service]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes.
Still require assistance? Please add comment - "keep open".

[microsoft-github-policy-service]

Because this reported issue has not had any activity for over 180 days, we're automatically closing it for house-keeping reasons.

Still require assistance? Please, create a new issue with up-to date details and latest version of Fluent.

[Hotell]

This will probably never get fixed in griffel itself as the transition to linaria v4 is huge effort and provides worse performance.

We plan to remove griffel postprocessing from library code that we ship in future so this can be closed as "wont fix".