Generated by SassMeister.com.

input.scss

$wrap: 1920px;

@function strip($number) {
  @if type-of($number) == 'number' and not unitless($number) {
    @return $number / ($number * 0 + 1);
  }

  @return $number;
}

@function clampy($min, $max, $multi: (strip($max) / strip($wrap)) * 100vw) {
    @return min(max(#{$min}, #{$multi}), #{$max});
}

html {
    --family: -apple-system, Roboto, sans-serif;
    --h1: 3rem / 1.3 var(--family);
    --h2: 2.5rem / 1.3 var(--family);
    --h3: 2.25rem / 1.3 var(--family);
    --h1: #{clampy(2rem, 3rem)} / 1.3 var(--family);
}

output.css

html {
  --family: -apple-system, Roboto, sans-serif;
  --h1: 3rem / 1.3 var(--family);
  --h2: 2.5rem / 1.3 var(--family);
  --h3: 2.25rem / 1.3 var(--family);
  --h1: min(max(2rem, 0.15625vw), 3rem) / 1.3 var(--family);
}

settings.json

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