JSFiddle - React, Tailwind, and code Playground

HTML

<p>none - css dictionary</p>
<p class="p1">capitalize  - css dictionary</p>
<p class="p2">uppercase  - css dictionary</p>
<p class="p3">lowercase  - css dictionary</p>

CSS

p {
    width: 400px;
    background-color: #eee;    
    text-transform: none;
}

.p1 {
   text-transform: capitalize;
}
.p2 {
   text-transform: uppercase;
}
.p3 {
   text-transform: lowercase;
}