From a258e10189bdc73d3516c1e81703cd18e6c69663 Mon Sep 17 00:00:00 2001
From: Dany Castillo <31006608+dcastil@users.noreply.github.com>
Date: Thu, 21 Dec 2023 17:57:54 +0100
Subject: [PATCH] add `appearance-auto` utility

---
 src/lib/default-config.ts           | 2 +-
 tests/tailwind-css-versions.test.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/default-config.ts b/src/lib/default-config.ts
index 0a25e511..545d7855 100644
--- a/src/lib/default-config.ts
+++ b/src/lib/default-config.ts
@@ -1510,7 +1510,7 @@ export function getDefaultConfig() {
              * Appearance
              * @see https://tailwindcss.com/docs/appearance
              */
-            appearance: ['appearance-none'],
+            appearance: [{ appearance: ['none', 'auto'] }],
             /**
              * Cursor
              * @see https://tailwindcss.com/docs/cursor
diff --git a/tests/tailwind-css-versions.test.ts b/tests/tailwind-css-versions.test.ts
index 61a6170b..08a1a8ed 100644
--- a/tests/tailwind-css-versions.test.ts
+++ b/tests/tailwind-css-versions.test.ts
@@ -51,4 +51,5 @@ test('supports Tailwind CSS v3.4 features', () => {
     expect(twMerge('forced-color-adjust-none forced-color-adjust-auto')).toBe(
         'forced-color-adjust-auto',
     )
+    expect(twMerge('appearance-none appearance-auto')).toBe('appearance-auto')
 })