Icon does not respect 'error' property, but Text does

[vadimvar]

Bug Report

Steps

          <Icon
            name="exclamation"
            size="small"
            circular
            error
            styles={{ paddingTop: "0.6rem" }}
          />
          <Text error content={composeErrorMessage(error)} />

Expected Result

Expect both icon and text to be red

Actual Result

The actual result that happened 💣

Version

x.y.z

Testcase

[levithomason]

1. We need to inherit color in the icon. We also need to set fill to currentColor so that SVG icons also inherit font colors.
2. We should then add an example to the icon page so that visual tests can catch this in the future.