怎么逃避＆＃39;％＆＃39; sass中不需要操作员？

Question

我有以下操作sass在其中一个属性中进行循环，并希望是百分比宽度％，但输出非常不同

//h1,h2,h3,h4,h5,h6
$i: 6;
@while $i > 0 {
    h#{$i} {
        position: relative;
        padding-left: 1px + $i;


padding-right: 1px + $i;
    &::before {
        background: $color-ternary;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        width: #{$i}'%';
        bottom: 0;
        left: $i px;
    }
}
$i: $i - 1;

} 输出

  width: 1"%";

期待

  width: 1%;
  width: 2%;
  width: 3%;

等...