Display contents container query workaround for Safari

contents.css

/* Safari bug: https://bugs.webkit.org/show_bug.cgi?id=301871
   Re-declaring a property forces container query re-evaluation. */
@utility contents {
  display: contents;
  --contents-cache-key: 0;

  &:has(:hover) {
    --contents-cache-key: 0;
  }

  &:has(:focus) {
    --contents-cache-key: 0;
  }

  &:has(:focus-visible) {
    --contents-cache-key: 0;
  }

  &:has(:focus-within) {
    --contents-cache-key: 0;
  }

  &:has(:active) {
    --contents-cache-key: 0;
  }
}