Generated by SassMeister.com.

input.scss

@mixin some-component-a {
    $component: ".some-component";
    #{$component} {
      display: inline;
    }
    
    body[lang='fr'] #{$component} div {
      display: flex;
    }
    
    #{$component} div {
      display: block;
    }
    
    #{$component}__span {
      display: inline-block;
    }
}

html[brand="a"] {
    @include some-component-a();
}

output.css

html[brand=a] .some-component {
  display: inline;
}
html[brand=a] body[lang=fr] .some-component div {
  display: flex;
}
html[brand=a] .some-component div {
  display: block;
}
html[brand=a] .some-component__span {
  display: inline-block;
}

settings.json

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