using color-mix causes "TypeError: t.replaceComponentValues is not a function"

[fallenturtle]

I'm running postcss 8.4.21 through yarn v3 and using postcss-preset-env 8.3.0. When I try to use:
background-color: color-mix(in lch, purple 50%, plum 50%);

and run yarn i see this error in the output and the target file is not compiled:
TypeError: t.replaceComponentValues is not a function

[romainmenke]

Can you try updating transitive dependencies?
It seems like yarn isn't updating dependencies of dependencies correctly in your case.

[romainmenke]

We will rollout a patch with updated dependency versions listed in package.json.
But in the meantime you can work around this by updating transitive dependencies manually.

[romainmenke]

@fallenturtle This issue should be resolved now.
Can you try updating to the latest version of the postcss plugins you are using?

[fallenturtle]

It's working now. Thanks!

Well, mostly working. When I use one of the examples, its fine (background-color: color-mix(in lch, purple 50%, plum 50%);)

But when I throw something more complicated it doesn't output the fallback.

So:
background-color: color-mix(in lch, purple 50%, plum 50%);

gives
background-color: rgb(175, 92, 174);

But this
background: linear-gradient(var(--c-theme-events), color-mix(in srgb, rgba(0,0,0,.8), rgba(var(--c-theme-events-rgb),.8) 60%));

Outputs this:
background: linear-gradient(var(--c-theme-events), color-mix(in srgb, rgba(0,0,0,.8), rgba(var(--c-theme-events-rgb),.8) 60%));

But I assume thats an issue that exists outside the scope of thus plugin.

[romainmenke]

Thank you for reporting this!