Robin Malfait 7f1d0970c3

Do not emit empty rules/at-rules (#16121) ...

This PR is an optimization where it will not emit empty rules and
at-rules. I noticed this while working on
https://github.com/tailwindlabs/tailwindcss/pull/16120 where we emitted:
```css
:root, :host {
}
```

There are some exceptions for "empty" at-rules, such as:

```css
@charset "UTF-8";
@layer foo, bar, baz;
@custom-media --modern (color), (hover);
@namespace "http://www.w3.org/1999/xhtml";
```

These don't have a body, but they still have a purpose and therefore
they will be emitted.

However, if you look at this:

```css
/* Empty rule */
.foo {
}

/* Empty rule, with nesting */
.foo {
  .bar {
  }
  .baz {
  }
}

/* Empty rule, with special case '&' rules */
.foo {
  & {
    &:hover {
    }
    &:focus {
    }
  }
}

/* Empty at-rule */
@media (min-width: 768px) {
}

/* Empty at-rule with nesting*/
@media (min-width: 768px) {
  .foo {
  }

  @media (min-width: 1024px) {
    .bar {
    }
  }
}
```

None of these will be emitted.

---------

Co-authored-by: Jordan Pittman <jordan@cryptica.me>

2025-01-31 17:56:52 +01:00

..

config.test.ts

Improve integration tests (stability + performance) (#15125)

2024-12-12 13:48:56 +01:00

index.test.ts

Do not emit empty rules/at-rules (#16121)

2025-01-31 17:56:52 +01:00

plugins.test.ts

Support complex addUtilities() configs (#15029)

2024-11-19 15:52:06 +01:00

standalone.test.ts

Bundle core plugins with the standalone build (#15028)

2024-11-19 16:19:08 +01:00