JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.
        <ol>
            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.
                <ol>
                    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.</li>
                </ol>
            </li>
            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.
                <ol>
                    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.
                        <ol>
                            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.</li>
                            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.
                            <ol>
                            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet enim arcu, ut condimentum orci. Nunc lacus mauris, feugiat eget sollicitudin nec, aliquet et nunc. Suspendisse nec ligula sapien.</li>
                    ...

CSS

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

li:before {
    content: counters(item, ".") ".";
    display: table-cell;
    padding-right: 0.6em;    
}

li li {
    margin: 0;
}

li li:before {
    content: counters(item, ".") ".";
}