postcss - PostCSS ネスト変数

Question

postcssファイルにこのコードがあります

.btn.color1>button{background:$graph_1;}
.btn.color2>button{background:$graph_2;}
.btn.color3>button{background:$graph_3;}
.btn.color4>button{background:$graph_4;}
.btn.color5>button{background:$graph_5;}

まあ、これは for ループを使用することで短縮できると思いました

@for $i from 1 to 5 {
    .btn.color$i>button{background:$graph_$i;}
}

しかし、問題がありました。$graph_$iのように解決できず$graph_1、 のままでした$graph_$i。

この状況の良い解決策はありますか?