fix(Tree): typo (#38079)

* fix: typo for tree component

* fix: restore typo less var for compatibility

components/tree/index.en-US.md

@@ -111,7 +111,7 @@ File icon realize by using switcherIcon. You can overwrite the style to hide it:
 
 ### Why defaultExpandAll not working on ajax data?
 
-`default` prefix prop only works when inited. So `defaultExpandAll` has already executed when ajax load data. You can control `expandedKeys` or render Tree when data loaded to realize expanded all.
+`default` prefix prop only works when initializing. So `defaultExpandAll` has already executed when ajax load data. You can control `expandedKeys` or render Tree when data loaded to realize expanded all.
 
 ### Virtual scroll limitation
 

components/tree/style/mixin.less

@@ -4,7 +4,9 @@
 @select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';
 @tree-motion: ~'@{ant-prefix}-motion-collapse';
 @tree-node-padding: (@padding-xs / 2);
+// @deprecated: kept for customization usages, recommend using @tree-node-highlight-color instead.
 @tree-node-hightlight-color: inherit;
+@tree-node-highlight-color: @tree-node-hightlight-color;
 
 .antTreeSwitcherIcon(@type: 'tree-default-open-icon') {
   .@{tree-prefix-cls}-switcher-icon,
@@ -114,7 +116,7 @@
     }
 
     &:not(&-disabled).filter-node .@{custom-tree-prefix-cls}-title {
-      color: @tree-node-hightlight-color;
+      color: @tree-node-highlight-color;
       font-weight: 500;
     }