5410: Use identity css custom property for filled state

Author: yepzdk

src/stories/Library/Icons/icon-favourite/IconFavourite.tsx

@@ -10,12 +10,12 @@ export const IconFavourite = ({ fill }: IconFavouriteProps) => {
     <svg
       className="icon-favourite"
       viewBox="0 0 24 24"
-      fill={fill ? "#000" : "none"}
+      fill={fill ? "var(--identity-color)" : "none"}
+      stroke={fill ? "var(--identity-color)" : "black"}
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
         d="M11.5 20L10.2675 18.921C5.89 15.1035 3 12.5858 3 9.49591C3 6.9782 5.057 5 7.675 5C9.154 5 10.5735 5.66213 11.5 6.70845C12.4265 5.66213 13.846 5 15.325 5C17.943 5 20 6.9782 20 9.49591C20 12.5858 17.11 15.1035 12.7325 18.9292L11.5 20Z"
-        stroke="black"
         strokeWidth="2"
       />
     </svg>