Adobe XDで可変の見出し（下線）を作りたい

閲覧ありがとうございます。

よくある下線付きの見出しをAdobe XDで作成したいです。
ただし、文字を変更した際に自動で下線の横幅が文字の横幅と同期して可変できるようにしたいです

※CSSでいうところのborder-bottomと同じ挙動をするものを
XD内で作成し、コンポーネントorリピートグリッドで使いまわししたいです

　作業環境

OS:Windows10Home 64bit
CPU:Intel Core i7-8550U
仕様ソフト：Adobe XD
※過不足があったらすみません…

　試してみたこと

パターン１

https://nanasaninc.com/blog/xd-padding/
一度こちらのサイトを参考に下記のものを作成しましたが、
可変はするのですが、少し左右にシャドウが見えてしまいます。
また塗りを設定しているので、背景が柄の場合は使いまわしができません。

パターン2

https://www.alta.co.jp/blog/post-1447/
また別のサイトでは、マーカータイプは可変できるということでしたので試してみました

文字と重なっている図形は可変しますが、離れている図形は可変しませんでした。
※いずれの図形もグループ化済み

パターン３

これらを踏まえて、今度は
①文字をエリア内テキストで作成
②１のエリアテキストに重なるように図形を入れてグループ化
③文字数を多くする
を試してみました

結果としてはエリア内テキストのため、自動で改行されてしまい、指定サイズより文字がはみ出てしまうと非表示になりました。

パターン４

これら同様のものを図形ではなく線で試しましたが、同じく可変しません

・・・と、ここまで試して他にいい方法が思いつかなくなってしまいました。

他に参考になるサイトや方法などありましたら、ご教授いただければ幸いです。