.component{
    color: red;
    @at-root{
        #{&}--foo#{&}--bar {
            color: blue;
        }
    }
}

.test{
        .selector#{&} {
            color: blue;
        }
}