add color-scheme utilities

src/lib/default-config.ts

@@ -1606,6 +1606,18 @@ export const getDefaultConfig = () => {
              * @see https://tailwindcss.com/docs/appearance
              */
             appearance: [{ appearance: ['none', 'auto'] }],
+            /**
+             * Caret Color
+             * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+             */
+            'caret-color': [{ caret: [colors] }],
+            /**
+             * Color Scheme
+             * @see https://tailwindcss.com/docs/color-scheme
+             */
+            'color-scheme': [
+                { scheme: ['normal', 'dark', 'light', 'light-dark', 'only-dark', 'only-light'] },
+            ],
             /**
              * Cursor
              * @see https://tailwindcss.com/docs/cursor
@@ -1653,11 +1665,6 @@ export const getDefaultConfig = () => {
                     ],
                 },
             ],
-            /**
-             * Caret Color
-             * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
-             */
-            'caret-color': [{ caret: [colors] }],
             /**
              * Field Sizing
              * @see https://tailwindcss.com/docs/field-sizing

src/lib/types.ts

@@ -267,6 +267,7 @@ export type DefaultClassGroupIds =
     | 'col-end'
     | 'col-start-end'
     | 'col-start'
+    | 'color-scheme'
     | 'columns'
     | 'container'
     | 'content'

tests/class-map.test.ts

@@ -215,6 +215,7 @@ test('class map has correct class groups at first part', () => {
         row: ['row-end', 'row-start', 'row-start-end'],
         saturate: ['saturate'],
         scale: ['scale', 'scale-x', 'scale-y'],
+        scheme: ['color-scheme'],
         scroll: [
             'scroll-behavior',
             'scroll-m',

tests/tailwind-css-versions.test.ts

@@ -75,6 +75,7 @@ test('supports Tailwind CSS v4.0 features', () => {
         'ring-4 ring-orange inset-ring-3 inset-ring-blue',
     )
     expect(twMerge('field-sizing-content field-sizing-fixed')).toBe('field-sizing-fixed')
+    expect(twMerge('scheme-normal scheme-dark')).toBe('scheme-dark')
 
     // TODO: Remove proto
     expect(twMerge('')).toBe('')