.menu-categories__link:before{
    content: attr(title);
    display: block;
    font-weight: bold;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

<li class="menu-categories__item"> 
     <a class="menu-categories__link" title="Квадроциклы" href="#">Квадроциклы</a>
</li>

С помощью before можно "зарезервировать" место для fw:bold. Для этого в content=''; в before нужно чтобы передавался title из разметки HTML. И соответственно для каждой ссылки нужно добавить атрибут title, а в нем будет просто название ссылки.

Задаюсь точно таким же вопросом...