Menos usa o& Operador para melhorar opossibilidades de aninhamento.

.header        { color: black;
  .navigation  { font-size: 12px;
    &.class    { text-decoration: none }
  }
}

que provoca uma substituição do& com o seletor pai e resulta em uma concatenação do seletor real para o seletor pai:.header .navigation.class em vez do acréscimo normal, o que resultaria em.class sendo um descendente:.header .navigation .class.

Agora, o que também é possível é o seguinte (veja também aqui):

.header        { color: black;
  .navigation  { font-size: 12px;
    #some-id & .foo   { text-decoration: none }
  }
}

o que resultaria no seguinte:#some-id .header .navigation .foo tente aqui . A subestação ocorre e eu tenhopré-anexado um seletor (#some-id) para meu seletor pai.

Além do fato de que eu nunca codificaria dessa forma, já que isso provavelmente atrapalha sua folha de estilo em pouco tempo, minha pergunta:

Como esta funcionalidade não está documentada, é um recurso ou mais provavelmente um bug?
Quais são os possíveis efeitos colaterais?