Estou recebendo a seguinte HTML de uma API:

      <body>
         <div class="container">
          <style>
            .g-aiPstyle0 {
                font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;
                font-size: 16px;
                line-height: 25px;
                font-weight: 400;
                font-style: normal;
                color: #323232;
            }
        </style>
          <div class="g-aiPstyle0">NOnono nono onon nonono</div>
           </div>
       </body>

Ela vem toda com uma string, gostaria de pegar essa string e tratar usando manipulacão de DOM, de forma que possa remover do elemento `<style>`, o atributo e seu valor de fonte: `font-family: 'Sentinel SSm A', 'Sentinel SSm B', serif;`; 
 
    <script>
       function removeFontSentinel(result) {
            var result = $sce.trustAsHtml(result);
                var el = document.createElement('div');
                el.innerHTML = result;
                var query = el.querySelectorAll('style')
                .forEach(function(value) {
                    value.textContent.replace(/font\-family\: (\')?Sentinel(.*)serif(\;)?/gim, '');
                });
           return result; 
       }
    </script>