using rfs() in SCSS with PostCSS syntax doesnt work

[issam-seghir]

I'm using postcss , with sass (scss syntax) , and i want to use rfs() in postcss syntax like this :

• style.scss file

  :--heading {
  font-size: rfs(4rem);
  ...
  }
  }

i'm using vite and when i run build script the converted css file look like this :

• index.css

:is(h1, h2, h3, h4, h5, h6) {
  font-size: rfs(4rem); /* not converted to rem 💢*/
  ...
}

[issam-seghir]

It works after adding rfs to postcssconfig and stopping and running the build script again

• postcss-config.js

import postcssPresetEnv from "postcss-preset-env"; import rfs from "rfs"; export default { plugins: [ rfs({}), postcssPresetEnv({ stage: 1 }), ], };