Load local PostCSS package if available

Author: thecrypticace

src/cli-peer-dependencies.js

@@ -1,4 +1,6 @@
-export let postcss = require('postcss')
+export function lazyPostcss() {
+  return require('postcss')
+}
 
 export function lazyAutoprefixer() {
   return require('autoprefixer')

src/cli.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import { postcss, lazyCssnano, lazyAutoprefixer } from '../peers/index.js'
+import { lazyPostcss, lazyCssnano, lazyAutoprefixer } from '../peers/index.js'
 
 import chokidar from 'chokidar'
 import path from 'path'
@@ -146,6 +146,15 @@ function oneOf(...options) {
   )
 }
 
+function loadPostcss() {
+  // Try to load a local `postcss` version first
+  try {
+    return require('postcss')
+  } catch {}
+
+  return lazyPostcss()
+}
+
 let commands = {
   init: {
     run: init,
@@ -576,6 +585,7 @@ async function build() {
         })(),
     ].filter(Boolean)
 
+    let postcss = loadPostcss()
     let processor = postcss(plugins)
 
     function processCSS(css) {
@@ -709,6 +719,7 @@ async function build() {
       let tailwindPluginIdx = plugins.indexOf('__TAILWIND_PLUGIN_POSITION__')
       let copy = plugins.slice()
       copy.splice(tailwindPluginIdx, 1, tailwindPlugin)
+      let postcss = loadPostcss()
       let processor = postcss(copy)
 
       function processCSS(css) {