website/assets/scss/custom.scss

@import "/node_modules/bootstrap/scss/functions";
@import "/node_modules/bootstrap/scss/variables";
@import "/node_modules/bootstrap/scss/maps";
@import "/node_modules/bootstrap/scss/utilities";

$utilities: map-merge(
  $utilities,
  (
    "width":
    map-merge(
      map-get($utilities, "width"),
      (
        responsive: true,
        values: map-merge(
          map-get(map-get($utilities, "width"), "values"),
          (
            10: 10%,
            20: 20%,
            30: 30%,
            40: 40%,
            60: 60%,
            70: 70%,
            80: 80%,
            90: 90%,
            50p: 50px,
            100p: 100px,
            150p: 150px,
            200p: 200px,
            250p: 250px,
            500p: 500px,
          ),
        ),
      )
    )
  ),
);

$utilities: map-merge(
  $utilities,
  (
    "height":
    map-merge(
      map-get($utilities, "height"),
      (
        responsive: true,
        values: map-merge(
          map-get(map-get($utilities, "height"), "values"),
          (
            10: 10%,
            20: 20%,
            30: 30%,
            40: 40%,
            60: 60%,
            70: 70%,
            80: 80%,
            90: 90%,
            50p: 50px,
            100p: 100px,
            150p: 150px,
            200p: 200px,
            250p: 250px,
            500p: 500px,
          ),
        ),
      )
    )
  )
);