JSFiddle - React, Tailwind, and code Playground

HTML

This is my text.
- <span data-large>Large Text</span> - 
Other Text

JavaScript

rewrites = {
    large: '<span style="font-size: 2em">{}</span>'
};

function rewrite(r) {
    for (rule in r) {
        var selector = "[data-{}]".replace("{}", rule)
        $(selector).each(function (i, el) {
            var inner = $(this).html();
            var templated = r[rule].replace("{}", inner);
            $(this).replaceWith(templated);            
        });
    }
}

rewrite(rewrites);