Вероника

Так как у вас пишутся медиа запросы от меньшего к большему (mobile-first), то в таком порядке они и должны

@mixin mq-small {
  media (min-width: $small) and (max-width: $medium - 1px){
    @content;
  }
}
@mixin mq-small-up {
  media (min-width: $small) {
    @content;
  }
}
@mixin mq-medium {
  media (min-width: $medium) and (max-width: $larger - 1px) {
    @content;
  }
}
@mixin mq-medium-up {
  media (min-width: $medium) {
    @content;
  }
}
@mixin mq-larger {
  media (min-width: $larger) {
    @content;
  }
}

То есть в таком же порядке, как вы вызываете миксины, вы должны их прописать