Define <dashed-function> as element-dependent

Author: cdoublev

__tests__/style.js

@@ -4656,9 +4656,8 @@ describe('CSSFontFaceDescriptors', () => {
             ['initial'],
             ['inherit(--custom)'],
             ['var(--custom)'],
-            // Cascade dependent value
-            ['--custom()'],
             // Element-dependent value
+            ['--custom()'],
             ['attr(name)'],
             ['random-item(--key, 1)', 'random-item(--key, 1%)'],
             ['interpolate(0, 0: 1)', 'interpolate(0, 0: 1%)'],
@@ -4776,11 +4775,9 @@ describe('CSSKeyframeProperties', () => {
         style.fontWeight = 'var(--custom)'
         expect(style.fontWeight).toBe('var(--custom)')
 
-        // Cascade-dependent value
+        // Element-dependent value
         style.fontWeight = '--custom()'
         expect(style.fontWeight).toBe('--custom()')
-
-        // Element-dependent value
         style.fontWeight = 'attr(name)'
         expect(style.fontWeight).toBe('attr(name)')
         style.fontWeight = 'random-item(--key, 1)'
@@ -4855,7 +4852,7 @@ describe('CSSMarginDescriptors', () => {
         style.fontWeight = 'var(--custom)'
         expect(style.fontWeight).toBe('var(--custom)')
 
-        // Cascade-dependent value
+        // Element-dependent value
         style.fontWeight = '--custom()'
         expect(style.fontWeight).toBe('--custom()')
     })
@@ -4934,7 +4931,7 @@ describe('CSSPageDescriptors', () => {
         expect(style.fontWeight).toBe('var(--custom)')
         expect(style.size).toBe('var(--custom)')
 
-        // Cascade-dependent value
+        // Element-dependent value
         style.fontWeight = '--custom()'
         style.size = '--custom()'
         expect(style.fontWeight).toBe('--custom()')
@@ -4983,11 +4980,9 @@ describe('CSSPositionTryDescriptors', () => {
         style.top = 'var(--custom)'
         expect(style.top).toBe('var(--custom)')
 
-        // Cascade-dependent value
+        // Element-dependent value
         style.top = '--custom()'
         expect(style.top).toBe('--custom()')
-
-        // Element-dependent value
         style.top = 'attr(name)'
         expect(style.top).toBe('attr(name)')
         style.top = 'random-item(--key, 1px)'

__tests__/value.js

@@ -4029,9 +4029,8 @@ describe('<style-feature>', () => {
             ['width: initial'],
             ['width: inherit(--custom)'],
             ['width: var(--custom)'],
-            // Cascade-dependent substitution
-            ['width: --custom()'],
             // Element-dependent substitution
+            ['width: --custom()'],
             ['width: attr(name)'],
             ['width: random-item(--key, 1px)'],
             ['width: interpolate(0, 0: 1px)'],
@@ -4094,9 +4093,8 @@ describe('<supports-decl>', () => {
             ['(width: initial)'],
             ['(width: inherit(--custom))'],
             ['(width: var(--custom))'],
-            // Cascade-dependent substitution
-            ['(width: --custom())'],
             // Element-dependent substitution
+            ['(width: --custom())'],
             ['(width: attr(name))'],
             ['(width: random-item(--key, 1px))'],
             ['(width: interpolate(0, 0: 1px))'],

lib/values/substitutions.js

@@ -10,7 +10,7 @@ const properties = require('../properties/definitions.js')
  * @see {@link https://drafts.csswg.org/css-variables-2/#funcdef-var}
  */
 const arbitrary = [
-    { name: '<dashed-ident>', cascade: true, type: '<dashed-function>' },
+    { name: '<dashed-ident>', element: true, type: '<dashed-function>' },
     { name: 'attr', element: true },
     { name: 'env' },
     { name: 'inherit', cascade: true },