JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="first">
   <li>Первый</li>
   <li>Второй</li>
   <li>Третий</li>
   <li>Четвертый</li>
  </ol>
  <ol>
   <li>Первый</li>
   <li>Второй</li>
   <li>Третий</li>
   <li>Четвертый</li>
  </ol>

CSS

.first {
    counter-reset: num; /* Задаём имя счетчика */
}
ol {
    list-style-type: none; /* Убираем исходные маркеры */
}
li::before {
    content: counter(num) '. '; /* Выводим число */
    counter-increment: num; /* Увеличиваем значение счётчика */
    color: red;
    font-style: italic;
}