Add not-focus-visible variant to Tailwind plugin (#2618)

Author: bradlc

packages/@headlessui-tailwindcss/src/index.ts

@@ -31,8 +31,12 @@ export default plugin.withOptions<Options>(({ prefix = 'ui' } = {}) => {
         `&[data-headlessui-state]:not([data-headlessui-state~="${state}"])`,
         `:where([data-headlessui-state]:not([data-headlessui-state~="${state}"])) &:not([data-headlessui-state])`,
       ])
-
-      addVariant(`${prefix}-focus-visible`, ':where([data-headlessui-focus-visible]) &:focus')
     }
+
+    addVariant(`${prefix}-focus-visible`, ':where([data-headlessui-focus-visible]) &:focus')
+    addVariant(
+      `${prefix}-not-focus-visible`,
+      '&:focus:where(:not([data-headlessui-focus-visible] &))'
+    )
   }
 })