postcss.config.js

/* eslint-disable @typescript-eslint/no-var-requires, import/no-extraneous-dependencies, global-require */
module.exports = {
  // browser target config see in .browserlistsrc
  parser: "postcss-scss",
  plugins: [
    require("postcss-import"),
    require("postcss-hover-media-feature"), // it fixes twice-click issue on buttons with hover effect on IOS: https://css-tricks.com/annoying-mobile-double-tap-link-issue/
    require("autoprefixer"), // it adds vendor prefixes ::placeholder => ::-webkit-input-placeholder, ::-moz-placeholder etc. https://github.com/postcss/autoprefixer
    // it adds normalize.css and sanitize.css. https://github.com/csstools/postcss-normalize
    // forceImport: true, //it adds twice
    require("postcss-normalize")({ allowDuplicates: false }),
    require("tailwindcss"),
  ],
};