Generated by SassMeister.com.

input.scss

@mixin byPlatform($type) {
    @if $type == 'mobile' {
        font-size: 8px;
        line-height: 10px;     
    }
    
    @if $type == 'table' {
        font-size: 12x;
        line-height: 15px;     
    }
    
    @if $type == 'desktop' {
        font-size: 16px;
        line-height: 20px;     
    }
}

@mixin getStyles() {
    @include byPlatform('mobile');
    
    @media (min-width: 768px) {
        @include byPlatform('tablet');
    }
    
    @media (min-width: 1280px) {
        @include byPlatform('desktop');
    }
}

div {
    $styles: getStyles;
    @include getStyles;
    
    p {
        line-height: map-get($styles, line-height);
    }
}

output.css

div {
  font-size: 8px;
  line-height: 10px;
}
@media (min-width: 1280px) {
  div {
    font-size: 16px;
    line-height: 20px;
  }
}

settings.json

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