Add postcss-import & autoprefixer

Author: khatabwedaa

src/Preset.php

@@ -12,12 +12,14 @@
 class Preset extends LaravelPreset
 {
     const NPM_PACKAGES_TO_ADD = [
-        '@tailwindcss/typography' => '^0.2',
-        '@tailwindcss/custom-forms' => '^0.2',
+        '@tailwindcss/typography' => '^0.2.0',
+        '@tailwindcss/custom-forms' => '^0.2.0',
+        'laravel-mix' => '^5.0.1',
+        'tailwindcss' => '^1.7.0',
+        'autoprefixer' => '^9.8.6',
+        'postcss-import' => '^12.0.1',
         'vue' => '^2.6.11',
         'vue-template-compiler' => '^2.6.11',
-        'laravel-mix' => '^5.0.1',
-        'tailwindcss' => '^1.4',
     ];
 
     const NPM_PACKAGES_TO_REMOVE = [

stubs/resources/css/app.css

@@ -1,5 +1,8 @@
-@tailwind base;
+@import "tailwindcss/base";
+/* @import "./custom-base-styles.css"; */
 
-@tailwind components;
+@import "tailwindcss/components";
+/* @import "./custom-components.css"; */
 
-@tailwind utilities;
+@import "tailwindcss/utilities";
+/* @import "./custom-utilities.css"; */

stubs/webpack.mix.js

@@ -13,8 +13,8 @@ const mix = require('laravel-mix');
 
 mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
+      require('postcss-import'),
       require('tailwindcss'),
-   ]);
-
-if (mix.inProduction()) mix.version();
+      require('autoprefixer'),
+   ]).version();