Generated by SassMeister.com.

input.scss

$breakpoints: (
  'small'  : 48em,
  'medium' : 56.25em,
  'large'  : 1600px,
  'qweqwe' : 1em,
);

@mixin respond-to($width) {
  @if map-has-key($breakpoints, $width) {
    @media (min-width: map-get($breakpoints, $width)) {
      @content;
    }
  }
}

h1 {
    color: red;
    @media print and (min-width: 800px) {
        color: black;
    }
    @include respond-to(small) {
        color: blue;
    }
}

output.css

h1 {
  color: red;
}
@media print and (min-width: 800px) {
  h1 {
    color: black;
  }
}
@media (min-width: 48em) {
  h1 {
    color: blue;
  }
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}