GlAnimatedIcon: Use design tokens

This is a follow-up to the discussion in gitlab-org/gitlab!174872 (comment 2337246121)

Let's add design tokens to the animated icon component(s). We can leverage design tokens via CSS as these use stroke instead of fill.

By adding a variant prop to the component, these will work the same way as GlIcon does.