replace sass with postcss

package.json

@@ -2,19 +2,23 @@
 	"private": true,
 	"scripts": {
 		"dev": "npm run development",
-		"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+		"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js",
 		"watch": "npm run development -- --watch",
 		"watch-poll": "npm run watch -- --watch-poll",
 		"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
 		"prod": "npm run production",
-		"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+		"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --config=node_modules/laravel-mix/setup/webpack.config.js"
 	},
 	"devDependencies": {
-		"cross-env": "^5.2.0",
-		"laravel-mix": "^4.0.13",
-		"postcss": "^7.0.35",
-		"sass": "^1.15.2",
-		"sass-loader": "^7.1.0",
-		"vue-template-compiler": "^2.5.22"
+		"cross-env": "^7.0.3",
+		"laravel-mix": "^6.0.13",
+		"postcss": "^8.2.8",
+		"postcss-functions": "^4.0.2",
+		"postcss-import": "^14.0.0",
+		"postcss-mixins": "^7.0.3",
+		"postcss-nesting": "^7.0.1",
+		"postcss-preset-env": "^6.7.0",
+		"postcss-simple-vars": "^6.0.3",
+		"vue-template-compiler": "^2.6.12"
 	}
 }

src/css/style.css

@@ -0,0 +1,5 @@
+/* css to go here */
+
+body {
+	background-color: blue;
+}

webpack.mix.js

@@ -0,0 +1,18 @@
+let mix = require('laravel-mix');
+
+mix.options({
+        processCssUrls: false,
+        autoprefixer: {
+            enabled: true,
+            options: {
+                overrideBrowserslist: ['last 2 versions', '> 1%'],
+                cascade: true,
+                grid: true,
+            }
+        },
+    })
+    .setPublicPath('/')
+    // .sass('src/scss/style.scss', 'assets/css/style.css')
+    .postCss('src/css/style.css', 'assets/css/style.css')
+    .js('src/js/app.js', 'assets/js/scripts.js')
+    .version();