Silently removes @media blocks containing "and (not ...)"

[tszynalski]

Media rules like @media (max-width: 701px) and (not (any-pointer: fine)) will result in the whole block being dropped. What's worse, it is completely silent, doesn't even issue a warning.

[Christoph-Wagner]

Same for @media (max-width: calc(…

[stepanjakl]

+1

[stepanjakl]

I think I've found a workaround. Removing the enclosing brackets seems to resolve the issue. Here's an example:

Before:

@media ((min-width: 45rem) and (min-aspect-ratio: 3/4)) { ... }

After:

@media (min-width: 45rem) and (min-aspect-ratio: 3/4) { ... }

This is also related to: https://github.com/css/csso/issues/464