mixins - How do I get a Sass @support At-Rule as Value

Question

I'm experimenting with Sass At-Rules here: https://sass-lang.com/documentation/at-rules/css

In my case, I'm using @supports in my global.scss file to apply platform-specific CSS:

// Allows you to write conditional CSS, based on the browser's support for specific declarations (in this case, font: -apple-system-body).
@supports (font: -apple-system-body) {
  html {
    font: -apple-system-body;
  }
}

This works as intended, but I'd also like to use the value of @supports in a mixin file, so I'd need to apply the value of the @supports to a Sass variable, something along the lines of:

if (@supports (font: -apple-system-body)) 
  $rem-base = 16
else 
  $rem-base = 21

This seems feasible, but I can't seem to find the docs on how it might be accomplished. Any help would be appreciated.

question from:https://stackoverflow.com/questions/66066870/how-do-i-get-a-sass-support-at-rule-as-value

Answer 1

Waitting for answers