Extender Bootstrap 3 MENOS .btn-group no funciona

Finalmente estoy tratando de lograr los siguientes estilos con MENOS.

<div class="filter btn-group">
    <button class="btn btn-default" type="button" data-filter="*">show all</button>
    <button class="btn btn-default" type="button" data-filter=".cd">CD</button>
    <button class="btn btn-default" type="button" data-filter=".vinyl">Vinyl</button>    
</div>

Tengo el siguiente HTML

<div class="filter">
    <button type="button" data-filter="*">show all</button>
    <button type="button" data-filter=".cd">CD</button>
    <button type="button" data-filter=".vinyl">Vinyl</button>
</div>

Y tengo esto en MENOS archivo con importaciones de Bootstrap 3

.filter {
    .btn-group;
    button {
        .btn;
        .btn-default;
    }
}

Al agregar .btn y .btn-default al botón funciona bien. Pero agregar .btn-group al contenedor ".filter" no funciona. No puedo entender lo que estoy haciendo mal. Si agrego la clase .btn-group manualmente a la

class="filter btn-group"
Funciona.

Respuestas a la pregunta(1)

Su respuesta a la pregunta