无法使用较少的mixins创建动态类

Question

我正在尝试使用Less创建动态类，而不用对每种颜色进行硬编码，像这样：

<p class="text-red">Red text</p>
<p class="text-green">Green text</p>
<p class="text-blue">Blue text</p>

// Mixin
.text-(@color) {
    color: @color;
}

// Selector
.text-@{color} {
    .yog-color(@{color});
}

但是它不起作用，并且编译器没有返回任何错误消息，此代码可能出什么问题的任何线索？