Как найти общие совпадения двух регулярных выражений?

Указанную Вами ошибку я знал, но если мы обратимся к текстовому редактору(на каком-нибудь сайте), то можем увидеть следующее:
СЛОВО1 СЛОВО2
Если Выделить СЛОВО1 жирным, а потом выделить курсивом половину СЛОВО1 и весь СЛОВО2, то все сработает корректно-> <b>СЛО<i>ВО1</i></b><i>СЛОВО2</i>
-------------------
Так же, уточните, пожалуйста, что значит "уже над ТОКЕНАМИ (без тегов)"?

DanilkaEs6, пример у Вас корректный, т.к. нет пересечений: <b>СЛО<i>ВО1</b></i>
Вложенность - разумеется допускается.

Токены (прям из вашего примера) на 2-м этапе (когда задаётся курсив):

Группа1:
1. СЛО
2. ВО1
3. [пусто тут] - это пустой токен между </i> и </b>

Группа 2:
1. СЛОВО2

Как быть, если мы будем получать текст динамически?

DanilkaEs6, также, как и в случае со статическим текстом

можно применить другой способ, более оптимальный (возможно во время рассуждения придет более оптимальная идея)
вместо создания DOM,
на основе исходной строки можно создать массив объектов с каждым символом.

[{"char": "b", style: []}, {"char": "c", style: []}]

тоже программно, проходясь по каждой букве исходной строки,
дальше ищите через регулярные выражения совпадения, применяете индексы и длину на массив и добавляете в объекты необходимые стили:

[{"char": "b", style: ["bold", "italic"]}, {"char": "c", style: ["bold"]}]

после этого приходитесь по готовому объекту и "собираете" "правильную" строку

<span class="bold italic">b</span><span class="bold">c</span>

или

<span class="bold"><span class="italic">b</span>c</span>