How to use @support in scss?

Question

HTML

Hello!
How to use @supports css property in scss?

@mixin support($prop,$vars...){
    @supports "#{$prop}"{
        @each $key in $vars{
            .#{$key} {
                @content;
            }
        }
    }
}

this code throws an error.

@supports (background-clip:text) or (-webkit-background-clip:text) or (-moz-background-clip:text){
    
}

this code also throws an error.

Answer 1

Forget it, it's generally unknown when normal cross-browser support will appear @supports. At a minimum, you need to wait for the death of IE9-11