МЕНЬШЕ CSS: злоупотреблять оператором & при вложении?

Меньше пользуется& Оператор для повышениявозможности для вложения.

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

который вызывает замену& с родительским селектором и приводит к объединению фактического селектора с правами родительского селектора:.header .navigation.class вместо обычного добавления, что приведет к.class быть потомком:.header .navigation .class.

Теперь также возможно следующее (смотри также здесь):

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

что приведет к следующему:#some-id .header .navigation .foo попробуйте здесь , Подстановка происходит и у меня естьprepended селектор (#some-id) в мой родительский селектор.

Помимо того факта, что я никогда не буду кодировать таким образом, поскольку это, вероятно, испортит вашу таблицу стилей в кратчайшие сроки, мой вопрос:

As this functionality is not documented, is it a feature or more likely a bug?
Which are possible side-effects?