Javascript postss使用mixin动态生成类

我正在尝试使用如下内容动态生成一组类：

@mixin generateTextcolorClasses gray，-gray，3

这将产生以下结果

.text-gray-100 {
    color: var(--gray-100);
}

.text-gray-200 {
    color: var(--gray-200);
}

.text-gray-300 {
    color: var(--gray-300);
}

我有以下代码，这是一个自定义js mixin，定义为

    'postcss-mixins': {
      mixins: {
        generateTextColourClasses: function (mixin, name, variable, step) {
          for (let i = 1; i < step; i++) {
            var rule = postcss.rule({ selector: '.text-' + name + '-' + i + '00' });
            rule.append({
              prop: 'color',
              value: 'var(' + variable + '-' + i + '00)'
            })
            mixin.append(rule)
          }
        }
      }
    },

'postss mixins'：{
混合：{
GenerateTextColor类：函数（mixin、名称、变量、步骤）{
for（设i=1；i

但是，生成的css文件中没有类。我怀疑这是mixin.append（rule）

的最后一部分，但我无法使用