How to use mix function of css in styled?

[hangry-bird]

The problem

I'm converting CSS to styled components.

I was using mix() in CSS.

But mix() doesn't apply in styled components.

example)

const Styled... = styled.div`
  background-color: mix(red, blue, 0.5);
`

this code not working

Proposed solution

Apply mix() in styled