From e251d361f6a90188ad6fe0c3184e0a809b49c83c Mon Sep 17 00:00:00 2001
From: Rui Saraiva <ruisaraiva19@gmail.com>
Date: Thu, 10 Sep 2020 18:56:18 +0100
Subject: [PATCH] fix(postcss): fix postcss config for storybook

---
 .storybook/main.js                         |  9 +++-----
 components/drag-and-drop/index.module.scss |  1 -
 postcss.config.js                          | 27 ++++++++++------------
 3 files changed, 15 insertions(+), 22 deletions(-)

diff --git a/.storybook/main.js b/.storybook/main.js
index 44cf475..4d89fb4 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -2,11 +2,8 @@ const path = require('path')
 
 // Export a function. Accept the base config as the only param.
 module.exports = {
-	webpackFinal: async (baseConfig) => {
-		const nextConfig = require('../next.config.js')
-
-		// Make whatever fine-grained changes you need
-		baseConfig.module.rules.push({
+	webpackFinal: async (config) => {
+		config.module.rules.push({
 			test: /\.scss$/,
 			use: [
 				'style-loader',
@@ -23,6 +20,6 @@ module.exports = {
 		})
 
 		// merge whatever from nextConfig into the webpack config storybook will use
-		return { ...baseConfig }
+		return config
 	},
 }
diff --git a/components/drag-and-drop/index.module.scss b/components/drag-and-drop/index.module.scss
index 848d684..fc458f3 100644
--- a/components/drag-and-drop/index.module.scss
+++ b/components/drag-and-drop/index.module.scss
@@ -245,7 +245,6 @@
 	}
 
 	strong {
-		// padding: 0 4px;
 		font-weight: 700;
 	}
 }
diff --git a/postcss.config.js b/postcss.config.js
index 9c9a09d..4e421fa 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,18 +1,15 @@
 module.exports = {
-	plugins: [
-		'postcss-100vh-fix',
-		'postcss-flexbugs-fixes',
-		[
-			'postcss-preset-env',
-			{
-				autoprefixer: {
-					flexbox: 'no-2009',
-				},
-				stage: 3,
-				features: {
-					'custom-properties': false,
-				},
+	plugins: {
+		'postcss-100vh-fix': {},
+		'postcss-flexbugs-fixes': {},
+		'postcss-preset-env': {
+			autoprefixer: {
+				flexbox: 'no-2009',
 			},
-		],
-	],
+			stage: 3,
+			features: {
+				'custom-properties': false,
+			},
+		},
+	},
 }