Replace deprecated clip with clip-path in sr-only

[bronisMateusz]

Summary

This PR replaces the deprecated clip property used in the sr-only utility with clip-path, and updates the corresponding reset in not-sr-only.

• Closes tailwindlabs/tailwindcss#18768
• Replaces clip: rect(0, 0, 0, 0); with clip-path: inset(50%); in sr-only
• Replaces clip: auto; with clip-path: none; in not-sr-only
• Updates unit test snapshots to reflect the new CSS output

Rationale:

• clip is deprecated and flagged by modern linters; clip-path is the recommended modern alternative while preserving the intended visually-hidden behavior.

Before:

.sr-only {
  clip: rect(0, 0, 0, 0);
}

.not-sr-only {
  clip: auto;
}

After:

.sr-only {
  clip-path: inset(50%);
}

.not-sr-only {
  clip-path: none;
}

[thecrypticace]

At one time using clip-path: inset(50%) would cause massive scroll performance problems in Chrome. Though this was many years ago. Will definitely need testing to ensure this isn't a problem any longer before we do this.

[RobinMalfait]

I tested this on an older Android phone in Chrome and it seems to work smoothly. Used play: https://play.tailwindcss.com/P8PkfV5N99

IMG_8311.mov