From 4c994946aea709f32674419078d6a17201df207e Mon Sep 17 00:00:00 2001
From: Sergey Vinogradov <mr.vursen@gmail.com>
Date: Thu, 5 Dec 2024 17:19:54 +0400
Subject: [PATCH] refactor: use underscore to mark CSS variable as private

---
 packages/grid/src/vaadin-grid-tree-toggle-mixin.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/grid/src/vaadin-grid-tree-toggle-mixin.js b/packages/grid/src/vaadin-grid-tree-toggle-mixin.js
index 78d4cb61825..7371d3f9a7d 100644
--- a/packages/grid/src/vaadin-grid-tree-toggle-mixin.js
+++ b/packages/grid/src/vaadin-grid-tree-toggle-mixin.js
@@ -53,7 +53,7 @@ registerStyles(
 
     #level-spacer {
       display: inline-block;
-      width: calc(var(---level, '0') * var(--vaadin-grid-tree-toggle-level-offset));
+      width: calc(var(--_level, '0') * var(--vaadin-grid-tree-toggle-level-offset));
     }
 
     [part='toggle']::before {
@@ -146,6 +146,6 @@ export const GridTreeToggleMixin = (superClass) =>
     /** @private */
     _levelChanged(level) {
       const value = Number(level).toString();
-      this.style.setProperty('---level', value);
+      this.style.setProperty('--_level', value);
     }
   };