fix(EthTokenIcon): replace fill values with class utilities

Author: TylerAPfledderer

src/components/Simulator/icons/EthTokenIcon.tsx

@@ -1,6 +1,3 @@
-/* eslint-disable react/jsx-key */
-import React from "react"
-
 import { createIconBase } from "@/components/icons/icon-base"
 
 export const EthTokenIcon = createIconBase({
@@ -9,15 +6,15 @@ export const EthTokenIcon = createIconBase({
   className: "text-3xl/none fill-none",
   children: (
     <>
-      <circle cx="15" cy="15" r="15" fill="var(--eth-colors-primary-hover)" />
+      <circle cx="15" cy="15" r="15" className="fill-primary-hover" />
       <path
         d="M20.87 15.1868L14.9371 5L9 15.1868L14.9371 18.8115L20.87 15.1868Z"
-        fill="var(--eth-colors-background-base)"
+        className="fill-background"
       />
 
       <path
         d="M14.9996 25L20.9366 16.3523L14.9996 19.977L9.0625 16.3523L14.9996 25Z"
-        fill="var(--eth-colors-background-base)"
+        className="fill-background"
       />
     </>
   ),
@@ -32,11 +29,11 @@ export const EthTokenIconGrayscale = createIconBase({
       <circle cx="15" cy="15" r="15" fill="#fff" />
       <path
         d="M20.87 15.1868L14.9371 5L9 15.1868L14.9371 18.8115L20.87 15.1868Z"
-        fill="var(--eth-colors-primary-action)"
+        className="fill-primary-action"
       />
       <path
         d="M14.9996 25L20.9366 16.3523L14.9996 19.977L9.0625 16.3523L14.9996 25Z"
-        fill="var(--eth-colors-primary-action)"
+        className="fill-primary-action"
       />
     </>
   ),