enh(css): add properties from several W3C (Candidate) Recommendations (highlightjs#3308)

Author: waarissyb

src/languages/lib/css-shared.js

@@ -235,6 +235,7 @@ export const ATTRIBUTES = [
   'align-content',
   'align-items',
   'align-self',
+  'all',
   'animation',
   'animation-delay',
   'animation-direction',
@@ -296,9 +297,11 @@ export const ATTRIBUTES = [
   'break-before',
   'break-inside',
   'caption-side',
+  'caret-color',
   'clear',
   'clip',
   'clip-path',
+  'clip-rule',
   'color',
   'column-count',
   'column-fill',
@@ -310,9 +313,14 @@ export const ATTRIBUTES = [
   'column-span',
   'column-width',
   'columns',
+  'contain',
   'content',
+  'content-visibility',
   'counter-increment',
   'counter-reset',
+  'cue',
+  'cue-after',
+  'cue-before',
   'cursor',
   'direction',
   'display',
@@ -326,6 +334,7 @@ export const ATTRIBUTES = [
   'flex-shrink',
   'flex-wrap',
   'float',
+  'flow',
   'font',
   'font-display',
   'font-family',
@@ -337,10 +346,34 @@ export const ATTRIBUTES = [
   'font-smoothing',
   'font-stretch',
   'font-style',
+  'font-synthesis',
   'font-variant',
+  'font-variant-caps',
+  'font-variant-east-asian',
   'font-variant-ligatures',
+  'font-variant-numeric',
+  'font-variant-position',
   'font-variation-settings',
   'font-weight',
+  'gap',
+  'glyph-orientation-vertical',
+  'grid',
+  'grid-area',
+  'grid-auto-columns',
+  'grid-auto-flow',
+  'grid-auto-rows',
+  'grid-column',
+  'grid-column-end',
+  'grid-column-start',
+  'grid-gap',
+  'grid-row',
+  'grid-row-end',
+  'grid-row-start',
+  'grid-template',
+  'grid-template-areas',
+  'grid-template-columns',
+  'grid-template-rows',
+  'hanging-punctuation',
   'height',
   'hyphens',
   'icon',
@@ -350,9 +383,11 @@ export const ATTRIBUTES = [
   'ime-mode',
   'inherit',
   'initial',
+  'isolation',
   'justify-content',
   'left',
   'letter-spacing',
+  'line-break',
   'line-height',
   'list-style',
   'list-style-image',
@@ -365,10 +400,27 @@ export const ATTRIBUTES = [
   'margin-top',
   'marks',
   'mask',
+  'mask-border',
+  'mask-border-mode',
+  'mask-border-outset',
+  'mask-border-repeat',
+  'mask-border-slice',
+  'mask-border-source',
+  'mask-border-width',
+  'mask-clip',
+  'mask-composite',
+  'mask-image',
+  'mask-mode',
+  'mask-origin',
+  'mask-position',
+  'mask-repeat',
+  'mask-size',
+  'mask-type',
   'max-height',
   'max-width',
   'min-height',
   'min-width',
+  'mix-blend-mode',
   'nav-down',
   'nav-index',
   'nav-left',
@@ -398,30 +450,77 @@ export const ATTRIBUTES = [
   'page-break-after',
   'page-break-before',
   'page-break-inside',
+  'pause',
+  'pause-after',
+  'pause-before',
   'perspective',
   'perspective-origin',
   'pointer-events',
   'position',
   'quotes',
   'resize',
+  'rest',
+  'rest-after',
+  'rest-before',
+  'revert',
   'right',
+  'row-gap',
+  'scroll-margin',
+  'scroll-margin-block',
+  'scroll-margin-block-end',
+  'scroll-margin-block-start',
+  'scroll-margin-bottom',
+  'scroll-margin-inline',
+  'scroll-margin-inline-end',
+  'scroll-margin-inline-start',
+  'scroll-margin-left',
+  'scroll-margin-right',
+  'scroll-margin-top',
+  'scroll-padding',
+  'scroll-padding-block',
+  'scroll-padding-block-end',
+  'scroll-padding-block-start',
+  'scroll-padding-bottom',
+  'scroll-padding-inline',
+  'scroll-padding-inline-end',
+  'scroll-padding-inline-start',
+  'scroll-padding-left',
+  'scroll-padding-right',
+  'scroll-padding-top',
+  'scroll-snap-align',
+  'scroll-snap-stop',
+  'scroll-snap-type',
+  'shape-image-threshold',
+  'shape-margin',
+  'shape-outside',
+  'speak',
+  'speak-as',
   'src', // @font-face
   'tab-size',
   'table-layout',
   'text-align',
+  'text-align-all',
   'text-align-last',
+  'text-combine-upright',
   'text-decoration',
   'text-decoration-color',
   'text-decoration-line',
   'text-decoration-style',
+  'text-emphasis',
+  'text-emphasis-color',
+  'text-emphasis-position',
+  'text-emphasis-style',
   'text-indent',
+  'text-justify',
+  'text-orientation',
   'text-overflow',
   'text-rendering',
   'text-shadow',
   'text-transform',
   'text-underline-position',
   'top',
   'transform',
+  'transform-box',
   'transform-origin',
   'transform-style',
   'transition',
@@ -430,14 +529,25 @@ export const ATTRIBUTES = [
   'transition-property',
   'transition-timing-function',
   'unicode-bidi',
+  'unset',
   'vertical-align',
   'visibility',
+  'voice-balance',
+  'voice-duration',
+  'voice-family',
+  'voice-pitch',
+  'voice-range',
+  'voice-rate',
+  'voice-stress',
+  'voice-volume',
   'white-space',
   'widows',
   'width',
+  'will-change',
   'word-break',
   'word-spacing',
   'word-wrap',
+  'writing-mode',
   'z-index'
   // reverse makes sure longer attributes `font-weight` are matched fully
   // instead of getting false positives on say `font`