fix(styles): Move generated styles to styles.css for easier importing

Author: mbrookson

postcss.config.js

@@ -7,6 +7,7 @@ module.exports = {
     'backgroundColor',
     'display',
     'flex',
+    'flexDirection',
     'inset',
     'justifyContent',
     'margin',

tailwind.config.js

@@ -1,12 +1,16 @@
 const postcss = require('rollup-plugin-postcss');
+const tailwindcss = require('tailwindcss');
+const autoprefixer = require('autoprefixer');
+const cssnano = require('cssnano');
 
 module.exports = {
   rollup(config, options) {
     config.plugins.push(
       postcss({
         inject: false,
         // only write out CSS for the first bundle (avoids pointless extra files):
-        extract: !!options.writeMeta,
+        extract: `${__dirname}/dist/styles.css`,
+        plugins: [tailwindcss(), autoprefixer(), cssnano()],
       })
     );
     return config;