Estoy tratando de resaltar un texto siguiendo este código:

 function getHighlightedText(text, highlight) { var parts = text.split(new RegExp(`(${highlight})`, 'gi')); return parts.map((part, index) => ( <React.Fragment key={index}> {part.toLowerCase() === highlight.toLowerCase() ? <b style={{ backgroundColor: '#e8bb49' }}>{part}</b> : part} </React.Fragment> )); }

Cuando paso como argumentos un texto con acentos y resalto sin ellos, no consigo el retorno correcto como quiero

Ejemplo 01: getHighlightedText("Avô","avo")
Esperado 01: (destacado) Avô
Devuelto 01: nada

Ejemplo 02: getHighlightedText("Corazón","cao")
Esperado 02: (No destacado) Cora (destacado) ção
Devuelto 02: nada

El problema es que cuando trato de dividir un texto con acentos con otro no hay acentos mi retorno es inesperado.

Pregunta: ¿Hay alguna forma de dividir alguna regla para manejar este caso?
Estoy tratando de evitar que el manejo pase por todas las dos cadenas (por ejemplo, usando For)