Estou tentando evitar "class'itis" e aproveitar o aninhamento do SASS para obter a seguinte saída CSS:

a[class^="utility-button"], a[class*=" utility-button"] { //some shared css rules}
.utility-button-one {//some unique css rules}
.utility-button-two {//some unique css rules}

Isto é o que eu gostaria de poder fazer (o que eu tentei atualmente):

a[class^="utility-button"], a[class*=" utility-button"] {
    //some shared css rules

    &-one {
        //some unique css rules
    }
    &-two {
        //some unique css rules
    }
}

Agora eu sei que o que isso resultaria se compilado fosse tecnicamente:

a[class^="utility-button"], a[class*=" utility-button"] { //some shared css rules}
a[class^="utility-button"]-one {//some unique css rules}
a[class^="utility-button"]-two {//some unique css rules}
a[class*=" utility-button"]-one {//some unique css rules}
a[class*=" utility-button"]-two {//some unique css rules}

O que claramente não vai funcionar.

Existe alguma maneira de contornar isso - seria incrível não precisar adicionar duas classes a cada<a> Eu desejo herdar os estilos de botão do utilitário, dependendo de uma segunda classe.