Nested mixin inside media queries

file.scss

@mixin query {
  @media only screen and (max-width: 8888888px) {
    @content;
  }
}

@media all and (min-width: 1px) {
  body {
    color: black;
    
    @media all and (max-width: 999999px) {
      color: white;
    }
    
    @mixin query {
      color: blue;
    }
  }
}


/**
Outputs:

@media all and (min-width: 1px) {
  body {
    color: black;
  }
}

@media all and (min-width: 1px) and (max-width: 999999px) {
  body {
    color: white;
  }
}
**/

Retina mixin doesn't get outputted and merged with parent media query because only screen have conflict with all.