Generated by SassMeister.com.

input.scss

.dan {
    &__body {
        background-color: gold;
    }
    
    
    // I want to target .dan__body when it is a child of the .dan--dark modifier
    &--dark {
        &__body {
            background-color: lightgray;
        }
    }
}

.marcel {
    $b: &;
    
    &__body {
        background-color: peru;
    }
    
    &--dark {
        #{$b}__body {
            background-color: aliceblue;
        }
    }
}



/* I just dislike doing this: */


.rachel {
    &__body {
        background-color: gold;
    }
    
    &--dark {
        .rachel__body {
            background-color: orange;
        }
    }
}

output.css

.dan__body {
  background-color: gold;
}
.dan--dark__body {
  background-color: lightgray;
}

.marcel__body {
  background-color: peru;
}
.marcel--dark .marcel__body {
  background-color: aliceblue;
}

/* I just dislike doing this: */
.rachel__body {
  background-color: gold;
}
.rachel--dark .rachel__body {
  background-color: orange;
}

settings.json

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