CSS custom property not transformed correctly in @media and :vars

[idoros]

Actual Behavior

var(--x) used within both @media and :vars definitions is not being collected as a weak definition and even worse when CSS symbols do exist for var() used within @media and :vars, only :vars are namespaced - @media doesn't namespace internal CSS custom properties.

Expected Behavior

var(--x) should be collected as symbols weak definitions out of both @media and :vars definitions and transformed accordingly

Version

@stylable/core@4.10.3

Additional Context

playground