$paddings: "p" "padding", "pb" "padding-block-end", "pt" "padding-block-start",
  "ps" "padding-inline-start", "pe" "padding-inline-end";

@mixin padding {
  @each $selector, $prop in $paddings {
    .#{$selector}-0 {
      #{$prop}: var(--spacing-0);
    }

    @for $i from 0 to 9 {
      .#{$selector}-#{$i + 1} {
        #{$prop}: var(--spacing-#{$i + 1});
      }
    }
  }
}

@include padding;