Судя по всему у вас PS не старой версии, а следовательно выберите слой к которому применен стиль, правой кнопкой, затем копировать CSS и вставляем куда вам удобней.

В итоге

box-shadow: 0.5px 0.866px 5px 0px rgba(0, 0, 0, 0.75);

Любая версия, завесит от многих факторов, что вам нужно от PS, какие присылают макеты.
У меня оптимизированный макет для верстки весит 40-80мб. Я думаю такой макет на вашей системе не тормозил бы с версией СС 2017.

CS6 Достаточно для современной, комфортной верстки, если макеты без монтажных областей.

Советую самому выбрать что вам больше подходит, смотрите инструменты и требования вот ссылки:
Системные требования всех версий
История версий

Пока что есть только один способ, он костыльный, но он есть. Я его увидел у Google в исходниках. Он применялся не для заголовков, а для label которые заходили на рамку поля в состоянии focus. Как на рисунке.


Вот наглядная реализация, в вашем варианте.



Весь фокус в слое Fill, он текстовой добавляя букву l например мы увеличиваем длину слоя которая перекрывает линию (слой border).

Естественно убираем расстояние между буквами, до тех пор пока не исчезнит пробел.


Из плюсов это то что это можно реализовать.

Из минусов, необходим каждый раз подставлять символы и цвет букв l каждый раз нужно менять если изменился фон.

Из хороших новостей, скоро будет обновление которое даст возможность объектам взаимодействовать в компоненте. В вашем случае черточки будут сами раздвигаться как и компонент в зависимости от текста.
Пост в ВК