Generated by SassMeister.com.

input.scss

$fontBasePath: "../fonts/";
@mixin ff($name, $style, $weight, $path){
    @font-face {
        font-family: '#{$name}';
        font-style: #{$style};
        font-weight: $weight;
        src: local(''),
             url($fontBasePath+$path+'.woff2') format('woff2'), 
             url($fontBasePath+$path+'.woff') format('woff'); 
      }    
}


@include ff("Assistant", "normal", 400, "assistant-v18-latin-regular" )

output.css

@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/assistant-v18-latin-regular.woff2") format("woff2"), url("../fonts/assistant-v18-latin-regular.woff") format("woff");
}

settings.json

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