JSFiddle - React, Tailwind, and code Playground

HTML

<button onclick="highlightFirst('highlight-container')">Highlight</button>

<div id="highlight-container">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibælum rutrum libero ac nibh bibendum ornare. Etiam at mollis diam. Pellentesque laoreet, ex nec ultricies tempus, sapien tortor rutrum elit, id blandit nulla eros ut nisi. Sed finibus commodo eros, vitae elementum risus. Donec convallis et ligula placerat rutrum. Nulla scelerisque justo ipsum. Donec eget sapien felis. Nunc facilisis ornare mi. Nullam nisi mauris, accumsan ut magna id, auctor interdum tortor. Nullam ut urna pellentesque, pellentesque ipsum et, cursus est. Cras pellentesque rhoncus enim, a gravida risus maximus eget. Praesent accumsan lectus eu sapien commodo bibendum.
  </p>

  <p>
    Etiam at aliquet nisi, nec vehicula nulla. Aliquam a nisl id orci efficitur rhoncus. Donec nec vulputate leo, vel posuere est. Aenean porttitor tortor vitae est dignissim facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam ut neque ullamcorper, facilisis ante eget, convallis nisi. Etiam in tempus nibh, nec sodales nulla. Maecenas sed sapien est. Fusce ac rutrum nulla. Pellentesque rutrum porta ipsum, nec porta purus commodo in. Praesent vitae bibendum mauris. Donec ante enim, commodo at venenatis eget, tristique eu urna.
  </p>

  <p>
    Maecenas porta aliquet sem eu egestas. In hac habitasse platea dictumst. Aliquam non aliquam nibh. Nunc et nibh et neque lobortis vehicula sit amet vestibulum justo. Suspendisse potenti. Aliquam id quam vitae ante suscipit sodales non eget quam. Ut nisi sem, imperdiet ut fringilla a, pellentesque id turpis. Suspendisse ipsum sapien, dapibus sit amet sem sed, sagittis egestas nunc. Praesent sodales nulla sit amet velit volutpat aliquet. In condimentum posuere arcu sed pretium. Donec dictum dictum tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce elementum augue et nulla...

JavaScript

function highlightFirst(element) {
	element = document.getElementById(element);
	[].forEach.call(element.querySelectorAll('p'), p => {
  	p.innerHTML = p.textContent.replace(/(^\s+?[^\s]+)|(\.\s+)([^\s]+)/g, '$2<b>$1$3</b>');
  });
}