PostCSS Pipe Makes $styles.Content Throw

Solution
I found out how to properly format the postcss.config.js file according to this other post about PostCSS source maps being weird.

According to their comment the following is my new configuration.

postcss.config.js

module.exports = {
  map: { inline: true }, // enables source map
  plugins: {
    'precss': {} // requires npm i precss
  }
};

html file

{{ $style := .Resources.GetMatch "styles.pcss" | resources.PostCSS }}
<style>{{ $style.Content | safeCSS  }}</style>