const postcss = require("postcss"); // postcss is a peer dependency.
const postcssRtlcss = require("postcss-rtlcss")
const input = `
::view-transition-new(root) {
animation: my-animation;
}
`.trim();
const coverViewTransitionNew = (prefix, selector) => {
if (selector.startsWith('::view-transition-new')) {
return `${prefix}${selector}`;
}
}
const output = postcss([
postcssRtlcss({
prefixSelectorTransformer: coverViewTransitionNew,
safeBothPrefix: true
})
]).process(input);
const css = output.css;
Created from: https://npm.runkit.com/postcss-rtlcss