JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<ol>
    <li>lorem lipsum 1</li>
    <li>lorem lipsum 2</li>
    <li>lorem lipsum 3</li>
    <li>lorem lipsum 4</li>
    <li>lorem lipsum 5</li>
    <li>lorem lipsum 6</li>
    <li>lorem lipsum 7</li>
    <li>lorem lipsum 8</li>
    <li>lorem lipsum 9</li>
    <li>lorem lipsum 10</li>
    <li>lorem lipsum 11</li>
    <li>lorem lipsum 12</li>
    <li>lorem lipsum 13</li>
    <li>lorem lipsum 14</li>
    <li>lorem lipsum 15</li>
    <li>lorem lipsum 16</li>
    <li>lorem lipsum 17</li>
    <li>lorem lipsum 18</li>
    <li>lorem lipsum 19</li>
    <li>lorem lipsum 20</li>
    <li>lorem lipsum 21</li>
    <li>lorem lipsum 22</li>
    <li>lorem lipsum 23</li>
    <li>lorem lipsum 24</li>
    <li>lorem lipsum 25</li>
    <li>lorem lipsum 26</li>
    <li>lorem lipsum 27</li>
    <li>lorem lipsum 28</li>
    <li>lorem lipsum 29</li>
    <li>lorem lipsum 30</li>
    <li>lorem lipsum 31</li>
    <li>lorem lipsum 32</li>
    <li>lorem lipsum 33</li>
    <li>lorem lipsum 34</li>
    <li>lorem lipsum 35</li>
    <li>lorem lipsum 36</li>
    <li>lorem lipsum 37</li>
    <li>lorem lipsum 38</li>
    <li>lorem lipsum 39</li>
    <li>lorem lipsum 40</li>
    <li>lorem lipsum 41</li>
    <li>lorem lipsum 42</li>
    <li>lorem lipsum 43</li>
    <li>lorem lipsum 44</li>
</ol>

SCSS

ol {
    counter-reset: list 0;
    
    li {
        list-style-type: none;
        
        &:before {
            counter-increment: list;
            content: counter(list) ". ";
        }
    }
}