Generated by SassMeister.com.

input.scss

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

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

output.css

html[brand=a] .some-component {
  display: inline;
}
body[lang=fr] html[brand=a] .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
}