Published CSS contains unresolved Vue `:deep()` selectors, causing Vite/Lightning CSS build warnings

[skreis]

Greetings! I've been trying to understand the relationship between warnings that are emitted in a project after beginning to use the vue-gantt package and I think I've tracked it down to the following:

@svar-ui/vue-core@2.6.0 publishes CSS containing Vue SFC-only :deep() selectors nested inside CSS functional pseudo-classes. Because :deep() is not valid browser CSS, downstream Vite builds using Lightning CSS emit warnings such as:

[lightningcss minify] 'deep' is not recognized as a valid pseudo-class.
Did you mean '::deep' (pseudo-element) or is this a typo?

This affects consumers indirectly as well. For example, @svar-ui/vue-comments imports style.css in its full CSS entry point, so the invalid Core selectors are bundled into index.css.

Affected source files

• src/components/Button.vue
• src/components/Counter.vue

Examples of emitted invalid CSS:

.wx-primary.wx-pressed:not(:deep([disabled]))
.wx-secondary:hover:not(:deep([disabled]))
.wx-counter:not(:deep(.wx-readonly)):has(:deep(.wx-input:focus))
.wx-counter:not(:deep(.wx-readonly)):not(:deep(.wx-disabled)) .wx-btn:active
.wx-counter.wx-error:has(:deep(.wx-input:focus))

Expected behavior

The published CSS should contain valid standard CSS only; Vue-specific :deep() syntax should not remain in distributed .css files

Suggested fix

These selectors target elements within the same component, so :deep() is unnecessary. For example:

- .wx-primary.wx-pressed:not(:deep([disabled]))
+ .wx-primary.wx-pressed:not([disabled])

- .wx-counter:not(:deep(.wx-readonly)):has(:deep(.wx-input:focus))
+ .wx-counter:not(.wx-readonly):has(.wx-input:focus)

- .wx-counter:not(:deep(.wx-readonly)):not(:deep(.wx-disabled)) .wx-btn:active
+ .wx-counter:not(.wx-readonly):not(.wx-disabled) .wx-btn:active

[MariyaDemy]

Hello @skreis ,

Thank you for such a detailed report: we also can see the issue.
We'll provide a fix in one of the upcoming releases and will notify you here.