$color--border--outer: color("gray", 20);
$color--border--inner: color("gray", 10);
$color--box-shadow:    color("gray", 50);
$color--content:       color("gray", 40);
$padding--section:     em(15px);

.modal {

  & {
    border: 1px solid $color--border--outer;
    box-shadow: 0 5px 15px $color--box-shadow;
    width: 600px;
    z-index: 1000;
  }

  &__header {
    border-bottom: 1px solid $color--border--inner;
    font-size: typescale(4);
    padding: $padding--section;
    text-transform: uppercase;

    h4 {
      @extend %helvetica-light;
    }
  }

  &__content {
    @extend %helvetica-medium;
    color: $color--content;
    padding: $padding--section;
  }

  &__actions {
    border-top: 1px solid $color--border--inner;
    padding: $padding--section;
    text-align: right;
  }
}

$color--border--outer: color("gray", 20);
$color--border--inner: color("gray", 10);
$color--box-shadow:    color("gray", 50);
$color--content:       color("gray", 40);
$padding--section:     em(15px);

.modal {

  & {
    border: 1px solid $color--border--outer;
    box-shadow: 0 5px 15px $color--box-shadow;
    width: 600px;
    z-index: 1000;
  }

  &__header {
    border-bottom: 1px solid $color--border--inner;
    font-size: typescale(4);
    padding: $padding--section;
    text-transform: uppercase;
  }

  &__content {
    @extend %helvetica-medium;
    color: $color--content;
    padding: $padding--section;
  }

  &__actions {
    border-top: 1px solid $color--border--inner;
    padding: $padding--section;
    text-align: right;
  }
}

.header {
  &__heading {
    @extend %helvetica-light;
  }
}

Move %helvetica-light to header__heading class
Move %helvetica-light to header__heading class
