refactor: update field.css and FieldServiceProvider.php

- Update field.css to remove unused Tailwind CSS imports and modify the Nova editable field styles.
- Update FieldServiceProvider.php to improve code readability and add comments.

resources/css/field.css

@@ -1,4 +1,3 @@
-@tailwind base;
 @tailwind components;
 @tailwind utilities;
 

src/FieldServiceProvider.php

@@ -26,7 +26,7 @@ function () {
 
                     /**
                      * Make the field editable on index page
-                     * 
+                     *
                      * @param NovaRequest $request
                      * @param string $popoverWidth
                      */

tailwind.config.js

@@ -1,19 +1,16 @@
-// import novaTailwind from "../../../vendor/laravel/nova/tailwind.config.js";
-const path = require("path");
-const novaTailwind = require(path.resolve(
-    __dirname,
-    "../../vendor/laravel/nova/tailwind.config.js"
-));
-
+import { generateTailwindColors } from '../../vendor/laravel/nova/generators'
 /** @type {import('tailwindcss').Config} */
 module.exports = {
     prefix: "nr-",
     content: ["./resources/**/*{js,vue,blade.php}"],
-    darkMode: ["class"],
+    darkMode: ['class', '[class="dark"]'],
     theme: {
-        colors: novaTailwind.theme.colors,
+        colors: generateTailwindColors(),
         extend: {},
     },
+    corePlugins: {
+        preflight: false,
+    },
     keyframes: {
         slideDownAndFade: {
             from: { opacity: 0, transform: "translateY(-2px)" },