feat: add cursor CSS property support

src/__tests__/compiler/declarations.test.tsx

@@ -12,6 +12,8 @@ const tests = [
   ["rotate: x 3deg;", [{ d: [[[{}, "rotateX", "3deg"], "rotateX"]], s: [1, 1] }]],
   ["stroke-width: 1px;", [{ d: [[1, ["strokeWidth"]]], s: [1, 1] }]],
   ["stroke: black;", [{ d: [["#000", ["stroke"]]], s: [1, 1] }]],
+  ["cursor: pointer;", [{ d: [{ cursor: "pointer" }], s: [1, 1] }]],
+  ["cursor: auto;", [{ d: [{ cursor: "auto" }], s: [1, 1] }]],
 ] as const;
 
 test.each(tests)("declarations for %s", (declarations, expected) => {

src/__tests__/vendor/tailwind/interactivity.test.tsx

@@ -33,20 +33,17 @@ describe("Interactivity - Appearance", () => {
 describe("Interactivity - Cursor", () => {
   test("cursor-auto", async () => {
     expect(await renderCurrentTest()).toStrictEqual({
-      props: {},
-      warnings: { properties: ["cursor"] },
+      props: { style: { cursor: "auto" } },
     });
   });
   test("cursor-default", async () => {
     expect(await renderCurrentTest()).toStrictEqual({
-      props: {},
-      warnings: { properties: ["cursor"] },
+      props: { style: { cursor: "default" } },
     });
   });
-  test("cursor-default", async () => {
+  test("cursor-pointer", async () => {
     expect(await renderCurrentTest()).toStrictEqual({
-      props: {},
-      warnings: { properties: ["cursor"] },
+      props: { style: { cursor: "pointer" } },
     });
   });
 });

src/compiler/declarations.ts

@@ -157,6 +157,7 @@ const parsers: {
   "container": parseContainer,
   "container-name": parseContainerName,
   "container-type": parseContainerType,
+  "cursor": parseCursor,
   "display": parseDisplay,
   "direction": parseDirection,
   "fill": parseSVGPaint,
@@ -2536,6 +2537,10 @@ export function parseDimension(
   }
 }
 
+function parseCursor({ value }: DeclarationType<"cursor">) {
+  return value.keyword;
+}
+
 export function parseUserSelect(
   { value }: DeclarationType<"user-select">,
   builder: StylesheetBuilder,