How to pass number with CSS variable to Sass mixin?

Question

css

How to pass a number from the markup using a css variable to make the mixin work?
codepen.io

If you debug, then var(--data) comes into the mixin, not a number. How can you fix it?
@include draw-progress(var(--data), $pie-color)

Answer 1

But no way. CSS variables cannot be converted into SASS variables - they are executed in different contexts. And you can change a SASS variable into a CSS variable.