Bundled library causes warning about css-syntax-error

[blcham]

Reported by https://github.com/shellyear.

When SForms is used in Vite-based projects (such as https://github.com/kbss-cvut/record-manager-ui). It generates warning when npm run build:

[WARNING] Expected identifier but found "*" [css-syntax-error]

More detailed output:

Related issues:
evanw/esbuild#3016
https://stackoverflow.com/questions/1690642/purpose-of-asterisk-before-a-css-property
kbss-cvut/record-manager-ui#113

[blcham]

When using in Record Manager UI, following was identified:
It seems that the error is related to datatables.net package

%

• The package comes with its prebuild minified css, which is then add to the final minified css file. The purpose of asterisk (*) is hack for IE . So basically it is not an actual error, but workaround by datatables.net, but since Vite aims to support moderns browsers, and does not support IE by default, this warning is being thrown.
• *property: value_ applies the property value in IE 7 and below. It may or may not work in future versions. Warning: this uses invalid CSS.
• datatables.net also relies on JQuery, and using packages for jquery with react is discouraged

To avoid this warning, we should avoid direct or indirect use of this package. Or I can try to modify that minified css coming from that package separately via postcss, and emit it either as a part of single minified file or as a separate minified css file

[blcham]

Currently, @triply/[email protected] is the last version on npmjs.com, so the solution could be one of the alternatives:

• find another fork that solves the issue (or solve it in our fork)
• put questions depending on yasgui functionality into a separate SForms components project (as it is natural anyway)
• ignore it because we want to support IE 7 anyway ?
• upgrade package datatables.net

[blcham]

@shellyear suggests to run some kind of post-css plugin to remove problematic "*" character as described in hack for IE .