Traté de agregar la declaración importante, aquí está el código

 // mobile background cover .bg-cover { width: 1px; height: 1px; background-color: $bg-grey !important; position: fixed; right: 0; top: 0; z-index: 20; border-radius: 50%; transition: transform 400ms; } .open-menu .bg-cover { transform: scale(2500); transition: transform 1s; z-index: 996; opacity: 1; }

pero no funciono...

También traté de agregar una declaración if para dispositivos que usan Safari, pero aún así no funcionó.

 // safari mobile menu colour optimisation const bgCover = document.getElementById('bg-cover'); if(window.navigator.userAgent.includes("Safari")) { bgCover.setAttribute ('style', 'background-color: #3c3c4c !important;'); };