diff --git a/src/corePlugins.js b/src/corePlugins.js
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -1129,6 +1129,7 @@ export let corePlugins = {
   appearance: ({ addUtilities }) => {
     addUtilities({
       '.appearance-none': { appearance: 'none' },
+      '.appearance-auto': { appearance: 'auto' },
     })
   },
 

diff --git a/tests/plugins/__snapshots__/appearance.test.js.snap b/tests/plugins/__snapshots__/appearance.test.js.snap
--- a/tests/plugins/__snapshots__/appearance.test.js.snap
+++ b/tests/plugins/__snapshots__/appearance.test.js.snap
@@ -6,5 +6,10 @@ exports[`should test the 'appearance' plugin 1`] = `
   -webkit-appearance: none;
   appearance: none;
 }
+
+.appearance-auto {
+  -webkit-appearance: auto;
+  appearance: auto;
+}
 "
 `;

Missing `appearance-none`
<!-- Please provide all of the information requested below. We're a small team and without all of this information it's not possible for us to help and your bug report will be closed. -->

**What version of Tailwind CSS are you using?**

3.3.5

**What build tool (or framework if it abstracts the build tool) are you using?**

CLI

**What version of Node.js are you using?**

18.2.1

**What browser are you using?**

For example: Chrome, Safari, or N/A

**What operating system are you using?**

Windows

**Reproduction URL**

https://play.tailwindcss.com/PxecKTGWVQ

**Describe your issue**

I'm categorizing this as a bug because Tailwind wants to have "modified" value (i.e. none) and a default value (auto) that can be used with hover for example. I believe it's on their docs somewhere but I couldn't find it In this case, there is the modified value (`appearance-none`) but not the default value (theoretically called `appearance-auto`). It's obviously quite trivial to do this via arbitrary values, but I also believe that it's a bug in Tailwind that should be fixed.
