rehype plugin to remove all style attributes

rehype-remove-style-attrs.ts

import { Transformer } from 'unified';
import { Element } from 'hast';
import { visit } from 'unist-util-visit';

export default function rehypeRemoveStyleAttrs(): Transformer {
  return (tree) => {
    visit(tree, 'element', (node: Element) => {
      if (node.properties?.style) {
        node.properties.style = undefined;
      }
    });
  };
}

Usage

import { unified } from 'unified';
import parse from 'rehype-parse';
import stringify from 'rehype-stringify';
import removeStyleAttrs from './rehype-remove-style-attrs';

const html = '<span style="color: #027cbb">aaa</span>';

const processor = unified()
  .use(parse, { fragment: true })
  .use(removeStyleAttrs)
  .use(stringify);

processor.processSync(html).value.toString(); // returns '<span>aaa</span>'