CSS[box-sizing: border-box]がpddingのみの指定だと効かない

普段はデザイナーをしている者です。

ボーダーを要素の内側に入れたいので、[box-sizing: border-box]を記述しましたが、widthとheightが指定されてないと、boarderが内側になってくれません。

デザインツールはFigmaを使用しており、figmaのデフォルトのboarderは、要素の内側（Inside）に設定されています。
なので、実装するとboarder分、サイズが大きくなってしまいます。

社内のエンジニアの方に、Figmaのデータを調整してほしいと相談されましたが、マージンなど影響範囲が大きいので、コーディングで解決する術はないか、質問した次第です。
（エンジニアの方も色々調べてくださったのですが、解決できず、、、）

関係するかわかりませんが、tailwindを使用して実装しています。

box-sizing以外で方法があったらそれでも、構いません。
よろしくお願いいたします！

html
1<p class="label">テキスト</p>

css
1*,
2*:before,
3*:after {
4  box-sizing: border-box; 
5}
6
7.label {
8  font-size: 16px;
9  font-weight: 700;
10  line-height: 24px;
11  display: inline-block;
12  padding: 16px 32px;
13  text-align: center;
14  vertical-align: middle;
15  border-radius: 8px;
16  border: 4px solid #000;
17}