Select all the emojis in the page and wrap them into a span. Fix for this wordpress dark mode block plugin

script.js

function wrapEmojisWithDiv() {
  const emojiRegex = /\p{Emoji_Presentation}/gu;

  // Select all elements containing text
  const elementsWithText = document.querySelectorAll('*:not(script):not(style)');

  elementsWithText.forEach(function(element) {
    // node 3 is "text"
    if (element.childNodes[0]?.nodeType === 3) {
      // Wrap emojis with a div with the class "no-dark" that disables the "invert" filter
      element.innerHTML = element.innerHTML.replace(emojiRegex, '<span class="no-dark">$&</span>');
    }
  });
}
wrapEmojisWithDiv();