docs(sass): update sassdoc theme and theming package

Closes #12691

Author: simeonoff

package-lock.json

@@ -66,7 +66,7 @@
     "@types/source-map": "0.5.2",
     "fflate": "^0.7.3",
     "hammerjs": "^2.0.8",
-    "igniteui-theming": "^1.4.1",
+    "igniteui-theming": "^1.4.2",
     "igniteui-trial-watermark": "^1.0.3",
     "lodash-es": "^4.17.21",
     "rxjs": "^6.6.7",
@@ -110,7 +110,7 @@
     "gulp-uglify": "^3.0.1",
     "hammer-simulator": "0.0.1",
     "ig-typedoc-theme": "^4.2.0",
-    "igniteui-sassdoc-theme": "^1.1.4",
+    "igniteui-sassdoc-theme": "^1.1.6",
     "igniteui-webcomponents": "^4.2.1",
     "jasmine": "^4.5.0",
     "jasmine-core": "~4.5.0",
@@ -134,4 +134,4 @@
     "typedoc-plugin-localization": "^2.4.0",
     "typescript": "4.9.5"
   }
-}
+}

package.json

@@ -44,8 +44,8 @@
 /// @prop {Map} success-secondary-color [color: ('success')] - The success color used in the valid state.
 /// @prop {Map} warning-secondary-color [color: ('warn')] - The warning color used in the warning state.
 /// @prop {Map} error-secondary-color [color: ('error')] - The error color used in the error state.
-/// @prop {Map} $success-shadow-color [color: ('success', 500, .38)] - The shadow/border color for success state for bootstrap input group.
-/// @prop {Map} $error-shadow-color [color: ('error', 500, .38)] - The shadow/border color for error state for bootstrap input group.
+/// @prop {Map} success-shadow-color [color: ('success', 500, .38)] - The shadow/border color for success state for bootstrap input group.
+/// @prop {Map} error-shadow-color [color: ('error', 500, .38)] - The shadow/border color for error state for bootstrap input group.
 /// @prop {Map} placeholder-color [color: ('gray', 700)] - The placeholder color of an input group.
 /// @prop {Map} disabled-placeholder-color [color: ('gray', 500)] - The disabled placeholder color of an input group.
 /// @prop {Number} box-border-radius [4px 4px 0 0] - The border radius used for box input. Can be a fraction between 0 and 1, pixels, or percent.
@@ -258,7 +258,6 @@ $light-input-group: extend(
 /// @prop {Map} input-suffix-background [color: ('gray', 100)] - The background color of an input suffix of type line, box and border.
 /// @prop {Map} input-suffix-background-filled [color: ('gray', 100)] - The background color of an input suffix in the filled state.
 /// @prop {Map} input-suffix-background--focused [color: ('gray', 100)] - The background color of an input suffix in the focused state.
-
 /// @requires {Map} $light-input-group
 /// @requires {Map} $fluent-elevation-input-group
 $fluent-input-group: extend(
@@ -387,7 +386,6 @@ $fluent-input-group: extend(
 /// @prop {Map} input-suffix-background [color: ('gray', 300)] - The background color of an input suffix in the idle state.
 /// @prop {Map} input-suffix-background-filled [color: ('gray', 300)] - The background color of an input suffix in the filled state.
 /// @prop {Map} input-suffix-background--focused [color: ('gray', 300)] - The background color of an input suffix in the focused state.
-
 /// @requires {Map} $light-input-group
 $bootstrap-input-group: extend(
     $light-input-group,
@@ -503,9 +501,9 @@ $bootstrap-input-group: extend(
 /// @prop {Map} placeholder-color [color: ('gray', 300)] - The placeholder color of an input group.
 /// @prop {Map} disabled-placeholder-color [color: ('gray', 300)] - The disabled placeholder color of an input group.
 /// @prop {Map} input-prefix-color--filled [color: ('gray', 600)] - The input prefix color in the filled state.
-/// @param {Map} $input-suffix-color--filled [color: ('gray', 600)] - The input suffix color in the filled state.
+/// @prop {Map} input-suffix-color--filled [color: ('gray', 600)] - The input suffix color in the filled state.
 /// @prop {Map} input-prefix-color--focused [color: ('gray', 600)] - The input prefix color in the focused state.
-/// @param {Map} $input-suffix-color--focused [color: ('gray', 600)] - The input suffix color in the focused state.
+/// @prop {Map} input-suffix-color--focused [color: ('gray', 600)] - The input suffix color in the focused state.
 /// @requires {Map} $light-input-group
 /// @requires {Map} $indigo-elevation-input-group
 $indigo-input-group: extend(