如何将less mixin转换为scss？

Question

我只是开始学习较少和sass，并且无法弄清楚如何将这个较少的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;
        }
    }
}

我也试着自己修补这个混音，但我不能让它发挥作用。

请帮助。