JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bananas">5 Bananas</div>

CSS

#bananas {
    width:20bananas;
    height:5bananas;
    font-size:4bananas;
    background-color:yellow;
    
    border:1banana solid black;
}

JavaScript

var bananalength = 6;
var stylesheets = document.styleSheets;

for(var i=0, iL = stylesheets.length; i<iL; i++) {
    var stylesheet = stylesheets[i];
    var sstext = stylesheet.ownerNode.innerHTML;
    stylesheet.ownerNode.innerHTML = sstext.replace(/([0-9]+)bananas?/gi, function(f, m) {
        return m*bananalength + "px";
    });
       

}