Discussion: preserve: withFallbacks about postcss-custom-properties HOT 6 CLOSED

preserve option should already do that: keep the original value in addition to the generated value.

from postcss-custom-properties.

Thanks!

from postcss-custom-properties.

Since I've added colors as variables, this seems to break.

Colors.js

const colorConstants = {
  PrimaryThemeColor: '#3acfb6',
  PrimaryThemeColorRGB: 'rgb(57,207,182)',
 // etc.
};

module.exports = colorConstants;
// also tried export default - same issue

webpack.config.js

postcss: function () {
      return [
        require('postcss-import')({
          addDependencyTo: webpack,
        }),
        customProperties({
          preserve: true,
          variables: colorConstants, 
          appendVariables: true,
        }),
        cssApply,
        autoprefixer,
      ]
    },

from postcss-custom-properties.

I've since removed the vars, and still the same behavior. Even with a different webpack config.

  postcss: function () {
      return [
        atImport(),
        customProperties({ preserve: true }),
        cssApply(),
        autoprefixer(),
      ]
    },

from postcss-custom-properties.

The best thing you can do to help as I don't have much time, is to try to make a PR to this repo that reproduce the issue.

from postcss-custom-properties.

It appears to be something else, but I can't confirm what. Will post more details if it happens again. Thanks, @MoOx.

from postcss-custom-properties.