A regra CSS que está lá na verdade é essa, porém repare que ele colocam um display:inline-block
direto na tag sobrescrevendo o que está no CSS. O que eu te indico é fazer um regra mais forte tipo
.kendo-toolbar.k-toolbar .kendo-toolbar-renderer:last-of-type{
display: none !important;
}

Se isso não der certo um artifício é colocar o CSS depois que o JS for carregado para isso vc vai ter que colocar lá no final do documento como última tag antes do fechamento do </body>
uma tag <style>
para testar se assim esse CSS vai sobrescrever o que foi renderizado antes.
Ficaria algo como isso...
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
</script>
<style>
.kendo-toolbar.k-toolbar .kendo-toolbar-renderer:last-of-type {
display: none !important;
}
</style>
</body>
</html>
Porém existe um efeito colateral de colocar o CSS no final do documento que vc pode ler nessa outra questão É uma boa prática inserir as tags do CSS no final do corpo do Body?
var kendobts = document.querySelectorAll("kendo-toolbar-renderer"); kendobts[kendobts.length-1].outerHTML = '';
kendo-toolbar-renderer:last-child{ display: none !important; }