Merge pull request #167 from omimouni/master

Author: danharrin

.github/workflows/tests.yml

@@ -23,7 +23,7 @@ jobs:
         uses: actions/checkout@v2
 
       - name: Cache dependencies
-        uses: actions/cache@v1
+        uses: actions/cache@v4
         with:
           path: ~/.composer/cache/files
           key: dependencies-laravel-${{ matrix.laravel }}-php-${{ matrix.php }}-composer-${{ hashFiles('composer.json') }}

src/TallPreset.php

@@ -11,15 +11,9 @@ class TallPreset extends Preset
     const NPM_PACKAGES_TO_ADD = [
         '@tailwindcss/forms' => '^0.5',
         '@tailwindcss/typography' => '^0.5',
-        'autoprefixer' => '^10.4',
-        'resolve-url-loader' => '^3.1',
-        'sass' => '^1.3',
-        'sass-loader' => '^8.0',
-        'tailwindcss' => '^3.4',
     ];
 
     const NPM_PACKAGES_TO_REMOVE = [
-        'lodash',
         'axios',
     ];
 

stubs/default/postcss.config.js

@@ -0,0 +1,22 @@
+/* Import Tailwind CSS framework */
+@import 'tailwindcss';
+
+/* Custom theme configuration with system font stack */
+@theme {
+    --font-sans: 'Inter var', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+        'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+/* Include Tailwind CSS plugins for enhanced form styling and typography */
+@plugin '@tailwindcss/forms';
+@plugin '@tailwindcss/typography';
+
+/* Remove default red box-shadow on invalid form elements */
+input:invalid, textarea:invalid, select:invalid {
+    box-shadow: none;
+}
+
+/* Hide elements with x-cloak attribute (used with Alpine.js) until JavaScript loads */
+[x-cloak] {
+    display: none;
+}

stubs/default/resources/css/app.css

@@ -16,7 +16,7 @@
         <!-- Fonts -->
         <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
 
-        @vite(['resources/sass/app.scss', 'resources/js/app.js'])
+        @vite(['resources/css/app.css', 'resources/js/app.js'])
         @livewireStyles
         @livewireScripts