Incorrect handling of negated media queries (@media not ...)

[kugland]

Stylus v0.54.8 handles negated media queries (@media not ...) incorrectly.

Code:

@media all and (min-width: 10px)
  @media not all and (min-width: 20px)
    body
      background: red

@media all and (min-width: 10px)
  @media not screen and (min-width: 20px)
    body
      background: green

Transpiled CSS:

@media all and (min-width: 20px) and (min-width: 10px) {
  body {
    color: #f00;
  }
}
@media all and (min-width: 10px) and (min-width: 20px) {
  body {
    background: #008000;
  }
}

Expected CSS:

@media all and (min-width: 10px) {
  @media not all and (min-width: 20px) {
    body {
      background: #f00;
    }
  }
}
@media all and (min-width: 10px) {
  @media not screen and (min-width: 20px) {
    body {
      background: #008000;
    }
  }
}

[conlanpatrek]

For what it's worth I'm seeing a similar issue with a simpler repro as of 0.55. My repro, without the nested media queries:

@media not all and (max-width: 1000px)
    body
        background red

No css is emitted at all here. Note that the correct css is emitted if you change the query from not all to not screen so I feel like there is a hint there.

Let me know if you feel it's unrelated enough for me to open a new ticket and I will.