Merge branch 'pure-postcss' into main

Author: michaeldyrynda

src/TailwindCssPreset.php

@@ -29,10 +29,13 @@ public static function installAuth()
     protected static function updatePackageArray(array $packages)
     {
         return array_merge([
+            '@tailwindcss/ui' => '^0.3',
+            'autoprefixer' => '^9.6',
             'laravel-mix' => '^5.0.1',
-            'laravel-mix-tailwind' => '^0.1.0',
+            'postcss-import' => '^12.0',
+            'postcss-nested' => '^4.2',
             'tailwindcss' => '^1.4',
-            '@tailwindcss/custom-forms' => '^0.2',
+            'vue-template-compiler' => '^2.6.11',
         ], Arr::except($packages, [
             'bootstrap',
             'bootstrap-sass',

src/tailwindcss-stubs/resources/css/app.css

@@ -1,5 +1,5 @@
-@tailwind base;
+@import "tailwindcss/base";
 
-@tailwind components;
+@import "tailwindcss/components";
 
-@tailwind utilities;
+@import "tailwindcss/utilities";

src/tailwindcss-stubs/tailwind.config.js

@@ -8,6 +8,6 @@ module.exports = {
   },
   variants: {},
   plugins: [
-    require('@tailwindcss/custom-forms')
+    require('@tailwindcss/ui'),
   ]
 }

src/tailwindcss-stubs/webpack.mix.js

@@ -1,7 +1,5 @@
 const mix = require('laravel-mix');
 
-require('laravel-mix-tailwind');
-
 /*
  |--------------------------------------------------------------------------
  | Mix Asset Management
@@ -13,11 +11,16 @@ require('laravel-mix-tailwind');
  |
  */
 
-mix.js('resources/js/app.js', 'public/js')
-   .postCss('resources/css/app.css', 'public/css')
-   .tailwind('./tailwind.config.js');
+mix
+  .js('resources/js/app.js', 'public/js')
+  .postCss('resources/css/app.css', 'public/css', [
+    require('postcss-import'),
+    require('tailwindcss'),
+    require('postcss-nested'),
+    require('autoprefixer'),
+  ]);
 
 if (mix.inProduction()) {
   mix
-   .version();
+    .version();
 }