fix: cursor tokens (#3172)

* docs: update cursor tokens section

* feat(cursor): add cursor utility configuration

* chore: add cursor utility configuration to changeset

Author: isBatak

.changeset/four-carpets-attack.md

@@ -0,0 +1,7 @@
+---
+'@pandacss/preset-base': patch
+'@pandacss/generator': patch
+'@pandacss/studio': patch
+---
+
+Add cursor utility config

packages/generator/__tests__/generate-css-fn.test.ts

@@ -0,0 +1,9 @@
+import type { UtilityConfig } from '@pandacss/types'
+
+export const cursor: UtilityConfig = {
+  cursor: {
+    className: 'cursor',
+    values: 'cursor',
+    group: 'System',
+  },
+}

packages/preset-base/src/utilities/cursor.ts

@@ -2,6 +2,7 @@ import type { UtilityConfig } from '@pandacss/types'
 import { background } from './background'
 import { border } from './border'
 import { container } from './container'
+import { cursor } from './cursor'
 import { display } from './display'
 import { divide } from './divide'
 import { effects } from './effects'
@@ -44,4 +45,5 @@ export const utilities: UtilityConfig = Object.assign(
   helpers,
   polyfill,
   container,
+  cursor,
 )

packages/preset-base/src/utilities/index.ts

@@ -146,7 +146,7 @@ export interface Conditions {
 	"_open": string
 	/** `&:is([closed], [data-closed], [data-state="closed"])` */
 	"_closed": string
-	/** `&is(:fullscreen, [data-fullscreen])` */
+	/** `&:is(:fullscreen, [data-fullscreen])` */
 	"_fullscreen": string
 	/** `&:is([data-loading], [aria-busy=true])` */
 	"_loading": string

packages/studio/styled-system/jsx/is-valid-prop.mjs

@@ -587,14 +587,14 @@ const theme = {
 }
 ```
 
-### Cursors
+### Cursor
 
 Cursor tokens define the style of the mouse pointer when it hovers over a specific element or area. These tokens represent the visual behavior of interactions, indicating actions such as clickable areas, draggable elements, or loading states. Their value is defined as a string.
 
 ```js
 const theme = {
   tokens: {
-    cursors: {
+    cursor: {
       click: { value: 'pointer' },
       disabled: { value: 'not-allowed' },
       // custom value