module.exports = context => ({
  map: context.env === 'development',
  plugins: {
    'postcss-partial-import': {
      path: ['index.css'],
    },
    'postcss-url': {
      url: asset => `/lib-paywall/${asset.url}`,
    },
    'postcss-preset-env': {
      stage: 3,
      features: {
        'nesting-rules': true,
      },
    },
    'postcss-nested': {},
    /**
     * Use only cssnano options that are safe (for example disable z-indexing rebase)
     */
    cssnano: {
      postcssConvertValues: {
        length: false,
      },
      postcssDiscardUnused: {
        disable: true,
      },
      postcssMergeIdents: {
        disable: true,
      },
      postcssReduceIdents: {
        counterStyle: false,
        gridTemplate: false,
        keyframes: false,
      },
      postcssNormalizeUrl: {
        stripWWW: false,
      },
      postcssZindex: {
        disable: true,
      },
    },
  },
});