test(js_analyze): add spec test for negative value utilities in useSortedClasses

Author: claude

.changeset/negative-margin-support.md

@@ -2,4 +2,11 @@
 "@biomejs/biome": patch
 ---
 
-feat(useSortedClasses): support negative value utilities
+Added support for negative value utilities in [`useSortedClasses`](https://biomejs.dev/linter/rules/use-sorted-classes/). Negative value utilities such as `-ml-2` or `-top-4` are now recognized and sorted correctly alongside their positive counterparts.
+
+```jsx
+// Now detected as unsorted:
+<div class="-ml-2 p-4 -mt-1" />
+// Suggested fix:
+<div class="-mt-1 -ml-2 p-4" />
+```

crates/biome_js_analyze/tests/specs/nursery/useSortedClasses/unsorted.jsx

@@ -30,6 +30,15 @@
 	<div class="text-black [&nth-child(2)]:focus:text-red-100 [&nth-child(1)]:group-first:text-red-100 [&nth-child(2)]:hover:focus:bg-red-900 group-first:text-yellow-400 [&nth-child(2)]:text-black focus:bg-sky-100 py-4 checked:visited:bg-yellow-300 hover:text-red-400" />
 	<div class="group-aria-disabled:bg-red-50 group-[:visited]:text-red-400 group-target:font-bold" />
 	<div class="group-has-[.custom-class]:focus:underline aria-[sort=ascending]:bg-red-300 group-aria-[sort=ascending]:text-yellow-200 has-[:checked]:focus:bg-yellow-300 text-red-400" />
+	{/* negative value utilities */}
+	{/* SHOULD emit diagnostics (negative values like -ml-2 should be detected) */}
+	<div class="-ml-2 p-4 -mt-1" />
+	<div class="-mr-4 m-2 -mb-3" />
+	<div class="text-center -mx-2 bg-blue-500 -my-4" />
+	<div class="-top-2 absolute -left-4 right-0" />
+	<div class="-space-x-2 flex -space-y-4 items-center" />
+	<div class="hover:-ml-2 p-4 focus:-mt-1" />
+	<div class="sm:-mx-4 lg:-my-2 md:p-2" />
 </>;
 
 // functions