scss 循环生成的 class 没有代码智能提示？

Question

$base-distance: 4px;
$distance_type: ('margin', 'padding');
$distance-level: (0, 1, 2, 3, 4, 5);
@each $level in $distance-level {
    @each $type in $distance_type {
        .#{$type}-#{$level} {
            #{$type}: $level * $base-distance;
        }
    }
}
.margin-6 {
    margin: 24px;
}

只会有 matgin-6 的代码提示，求助。
环境 vue3 + vite + scss
IDE 使用 WebStorm