When using the Range Context media query syntax for expressing an "exclusive upper bound" combined with an "inclusive lower bound" (e.g., (width < 768px) and (width >= 600px)), Lighting CSS transforms the output into an incorrect standard logical expression.

The resulting standard media query expression is not logically equivalent to the input.

Input Media Query

@media (width < 768px) and (width >= 600px) {
  /* ... styles ... */
}

Observed Output (Incorrect)

@media not (min-width: 768px) and (min-width: 600px) {
  /* ... styles ... */
}

Expected Output (Correct)

@media (max-width: 767px) and (min-width: 600px) {
  /* ... styles ... */
}