Sass 如何将较少的混合转换为SCS？

我刚刚开始学习less和sass，不知道如何将这个less mixin转换成scss。这一个可以很好地编译，并在编译的.css文件中提供适当的值：

.button-styles(@type) {
    &--@{type} {
        border-color: @@type;
        a:hover {
            background: @@type;
            color: #FFF;
        }
    }
}

我试着使用不同的转换器

这不起作用，例如：

@mixin button-styles($type){
    &--${type} {
        border-color: $$type;
        a:hover {
            background: $$type;
            color: #FFF;
        }
    }
}

我自己也试着修补这个混音器，但我无法让它工作

请帮忙