add whcm to svg in illustrated message (#4802)

* add css for hcm

* spacing

* fix

Author: yihuiliao

packages/@adobe/spectrum-css-temp/components/illustratedmessage/skin.css

@@ -11,7 +11,9 @@ governing permissions and limitations under the License.
 */
 
 .spectrum-IllustratedMessage > svg {
-  color: var(--spectrum-global-color-gray-500);
+  --spectrum-IllustratedMessage-illustration-color: var(--spectrum-global-color-gray-500);
+
+  color: var(--spectrum-IllustratedMessage-illustration-color);
   fill: currentColor;
   stroke: currentColor;
 }
@@ -23,3 +25,9 @@ governing permissions and limitations under the License.
 .spectrum-IllustratedMessage-description {
   color: var(--spectrum-body-secondary-text-color);
 }
+
+@media (forced-colors: active) {
+  .spectrum-IllustratedMessage > svg {
+    --spectrum-IllustratedMessage-illustration-color: CanvasText;
+  }
+}