JSFiddle - React, Tailwind, and code Playground

HTML

<p>Regular: <span>ß</span></p>
<p>Unicode uppercase: <span>&#x1e9e;</span></p>
<p id="upper">CSS uppercase (ß): <span>ß</span></p>
<p id="lower">CSS lowercase (&#x1e9e;): <span>&#x1e9e;</span></p>
<p id="small">CSS small-caps (abcß): <span>abcß</span></p>
<p id="hacky">Hacky workaround (abcß): <span>abcß</span></p>

CSS

p span { font-weight:bold; }
p#upper span { text-transform:uppercase; }
p#lower span { text-transform:lowercase; }
p#small span { font-variant:small-caps; }
p#hacky span { text-transform:uppercase; font-size:75%; }