postcss-magic.css-data

const postcss = require("postcss");
const postcssAnimations = require("postcss-animations");
 
(async () => {
  const CSS = `.my-openDownRightOut { animation-name: openDownRightOut; }`;
  const PLUGINS = [
    postcssAnimations({
      data: [require("postcss-magic.css-data")],
      checkDuplications: true,
      disableCheckCssVariables: true
    })
  ];
 
  try {
    const { css, messages } = await postcss(PLUGINS).process(
      CSS /*, {from,to}*/
    );
    messages.map(msg => console.log(msg.toString()));
 
    console.log(css);
    /*
          .my-openDownRightOut { animation-name: openDownRightOut; }
          @keyframes openDownRightOut { }
        */
  } catch (e) {
    console.error(e);
  }
})();