[1.x] Simplify Tailwind installation (#155)

* Remove duplicate app.css file

* Use modern Tailwind directives

* Remove redundant dependency

src/Console/InstallsBladeStack.php

@@ -20,7 +20,6 @@ protected function installBladeStack()
                 'alpinejs' => '^3.4.2',
                 'autoprefixer' => '^10.4.2',
                 'postcss' => '^8.4.6',
-                'postcss-import' => '^14.0.2',
                 'tailwindcss' => '^3.0.18',
             ] + $packages;
         });

src/Console/InstallsInertiaStacks.php

@@ -27,7 +27,6 @@ protected function installInertiaVueStack()
                 '@vue/compiler-sfc' => '^3.2.31',
                 'autoprefixer' => '^10.4.2',
                 'postcss' => '^8.4.6',
-                'postcss-import' => '^14.0.2',
                 'tailwindcss' => '^3.0.18',
                 'vue' => '^3.2.31',
                 'vue-loader' => '^17.0.0',
@@ -72,10 +71,10 @@ protected function installInertiaVueStack()
         $this->replaceInFile('/home', '/dashboard', app_path('Providers/RouteServiceProvider.php'));
 
         // Tailwind / Webpack...
+        copy(__DIR__.'/../../stubs/default/resources/css/app.css', resource_path('css/app.css'));
         copy(__DIR__.'/../../stubs/inertia-common/tailwind.config.js', base_path('tailwind.config.js'));
         copy(__DIR__.'/../../stubs/inertia-common/webpack.mix.js', base_path('webpack.mix.js'));
         copy(__DIR__.'/../../stubs/inertia-common/jsconfig.json', base_path('jsconfig.json'));
-        copy(__DIR__.'/../../stubs/inertia-common/resources/css/app.css', resource_path('css/app.css'));
         copy(__DIR__.'/../../stubs/inertia-vue/resources/js/app.js', resource_path('js/app.js'));
 
         if ($this->option('ssr')) {
@@ -134,7 +133,6 @@ protected function installInertiaReactStack()
                 '@tailwindcss/forms' => '^0.4.0',
                 'autoprefixer' => '^10.4.2',
                 'postcss' => '^8.4.6',
-                'postcss-import' => '^14.0.2',
                 'tailwindcss' => '^3.0.18',
                 'react' => '^17.0.2',
                 'react-dom' => '^17.0.2',
@@ -180,10 +178,10 @@ protected function installInertiaReactStack()
         $this->replaceInFile('/home', '/dashboard', app_path('Providers/RouteServiceProvider.php'));
 
         // Tailwind / Webpack...
+        copy(__DIR__.'/../../stubs/default/resources/css/app.css', resource_path('css/app.css'));
         copy(__DIR__.'/../../stubs/inertia-common/tailwind.config.js', base_path('tailwind.config.js'));
         copy(__DIR__.'/../../stubs/inertia-common/webpack.mix.js', base_path('webpack.mix.js'));
         copy(__DIR__.'/../../stubs/inertia-common/jsconfig.json', base_path('jsconfig.json'));
-        copy(__DIR__.'/../../stubs/inertia-common/resources/css/app.css', resource_path('css/app.css'));
         copy(__DIR__.'/../../stubs/inertia-react/resources/js/app.js', resource_path('js/app.js'));
 
         $this->replaceInFile('.vue()', '.react()', base_path('webpack.mix.js'));

stubs/default/resources/css/app.css

@@ -1,3 +1,3 @@
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

stubs/default/webpack.mix.js

@@ -12,7 +12,6 @@ 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'),
     require('autoprefixer'),
 ]);

stubs/inertia-common/webpack.mix.js

@@ -14,7 +14,6 @@ const mix = require('laravel-mix');
 mix.js('resources/js/app.js', 'public/js')
     .vue()
     .postCss('resources/css/app.css', 'public/css', [
-        require('postcss-import'),
         require('tailwindcss'),
         require('autoprefixer'),
     ])