JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
  <p class="texto">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora pariatur blanditiis harum. A voluptatibus consequatur soluta impedit sequi ipsam at harum pariatur officiis ratione, vel quas ad vitae, et atque.</p>
</div>

<button id="alerta">CLIQUE AQUI</button>

CSS

* {
  box-sizing: border-box;
}

body {
  padding: 50px;
  background: #FFF;
}

.box {
  width: 150px;
  height: auto;
  background: none;
  border: 1px solid #000;
  padding: 0px 20px 0px 20px;
}
  .box p {
    background: #FFF;
    margin-top: -20px;
  }
  
button {
  position: absolute;
  top: 0;
  left: 0;
}

JavaScript

$(document).ready(function() {
  $('#alerta').click(function() {
    var $alturaTexto = $('.texto').outerHeight();
    var $alturaBox = $alturaTexto - 40;
    
    $('.box').css('height', $alturaBox);
  });
});