JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>blah</li> 
    <li>blah</li>
    <li>blah</li>
    <li>blah</li>
    <li class="big-jump">blah</li>
    <li class="big-jump">blah</li>
    <li class="big-jump">blah</li>
</ol>

CSS

ol {
    counter-reset: item 23;
    list-style: none;
}
li {
    position: relative;
}
li:before {
    counter-increment: item;
    content: counter(item, upper-alpha) '.';
    position: absolute;
    left: -2em;
}
li.big-jump:before {
    counter-increment: item 27;
}
}