Squashing unnecessary media queries during minification

[JWo1F]

Problem:

When I use some framework to generate styles (tailwind, for example), I can get the following styles as output:

@media (min-width: 1024px) {
  .md\:class {
    color: red;
  }
  @media (min-width: 1024px) {
    .md\:class {
      color: blue;
    }
  }
}

Solution:

It can be seen that the final version should be as follows:

@media (min-width: 1024px) {
  .md\:class {
    color: blue;
  }
}

When minifying css, it would be very nice to collapse such constructs. This will definitely reduce the output file and the problem is related to the minifier, not to the css framework, as it is quite valid css that can (and should) be compressed.

[See esbuild try example here]

What do you think about it?