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 {
    @include getStyles;
    
    // How to style the paragraph with the line-height coming from the mixin getStyles?
    p {
        // $styles: @include getStyles;
        // line-height: $styles['line-height'];
        // @include getStyles['line-height'];
    }
}

output.css

div {
  font-size: 8px;
  line-height: 10px;
}
div p {
  color: red;
}

settings.json

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