cannot use directives transformer to apply component classes

[KraXen72]

i cannot use directives transformer to apply component classes, for example:

.form-input {
    --uno: "input input-primary";
}
.form-button {
    --uno: "btn btn-primary";
}

this is what i got after clicking copy rule in devtools:

.form-button {
    .btn: is(input[type="checkbox"]),;
    .btn: is(input[type="checkbox"]):after,;
    .btn: active:hover,;
    .btn.btn-disabled,: ;
    .btn[disabled],: ;
    .btn: is(input[type="checkbox"]:checked),;
}