如何对包含句点(.)的关键字进行语法突出显示？

<p>这是一个包含关键字的句子，关键字是<span class="highlight">云计算</span>。</p>

.highlight {
  color: red;
  font-weight: bold;
}

<p id="sentence">这是一个包含关键字的句子，关键字是云计算。</p>

var sentence = document.getElementById("sentence");
var keyword = "云计算";
var highlightedSentence = sentence.innerHTML.replace(new RegExp(keyword, "g"), "<span class='highlight'>" + keyword + "</span>");
sentence.innerHTML = highlightedSentence;

.highlight {
  color: red;
  font-weight: bold;
}