[Nova 4] restores Tailwind styles

package.json

@@ -13,6 +13,7 @@
         "@vue/compiler-sfc": "^3.2.22",
         "laravel-mix": "^6.0.41",
         "postcss": "^8.3.11",
+        "tailwindcss": "^3.1.6",
         "vue-loader": "^16.8.3"
     },
     "dependencies": {}

resources/css/field.css

@@ -0,0 +1,5 @@
+/* Nova Card CSS */
+
+/* Nova Field CSS */
+@tailwind components;
+@tailwind utilities;

resources/js/components/FormField.vue

@@ -1,5 +1,5 @@
 <template>
-    <DefaultField :field="currentField" :full-width-content="currentField.fullWidth" :show-help-text="false">
+    <DefaultField :field="currentField" :full-width-content="currentField.fullWidth" :show-help-text="false" class="nova-attach-many">
         <template #field :class="{'border-danger border': hasErrors}">
             <div class="attach-many-container" :class="{'border-danger border': hasErrors}">
                 <div v-if="currentField.showToolbar" class="flex items-center border border-b-0 border-gray-100 dark:border-gray-700">

tailwind.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+    content: [
+      "./resources/**/*.blade.php",
+      "./resources/**/*.js",
+      './resources/js/**/*.vue',
+    ],
+    theme: {
+      extend: {},
+    },
+    plugins: [],
+    important: '.nova-attach-many'
+  }

webpack.mix.js

@@ -6,4 +6,7 @@ mix
     .setPublicPath('dist')
     .js('resources/js/field.js', 'js')
     .vue({ version: 3 })
+    .postCss("resources/css/field.css", "css", [
+        require("tailwindcss"),
+    ])    
     .nova("dillingham/nova-attach-many")