css - 動的に形成されたセレクターを持つクラス/ミックスインを拡張するにはどうすればよいですか

Question

& コンビネータを使用して動的に形成される Less クラスを拡張するにはどうすればよいですか?

期待される出力を生成するより少ない:

.hello-world {
  color: red;
}

.foo {
  &:extend(.hello-world);
  font-size: 20px;
}

予想される CSS 出力:

.hello-world,
.foo {
  color: red;
}
.foo {
  font-size: 20px;
}

Less は期待される出力を生成しません。

.hello {
  &-world {
    color: red;
  }
}

.foo {
  &:extend(.hello-world);
  font-size: 20px;
}

予期しない CSS 出力:

.hello-world {
  color: red;
}
.foo {
  font-size: 20px;
}