How to use the ringcentral-widgets/assets/DynamicsFont/DynamicsFont.scss.active function in ringcentral-widgets

if (currentContact && currentContact.id) {
    // const contactId = currentContact.id;
    const activityCardId = sessionId ? `${currentContact.id}-${sessionId}` : currentContact.id;
    if (recentMessages.messages[activityCardId]) {
      messages = recentMessages.messages[activityCardId];
    }
    if (recentCalls.calls[activityCardId]) {
      calls = recentCalls.calls[activityCardId];
    }
    if (recentMessages.unreadMessageCounts[activityCardId]) {
      unreadMessageCounts = recentMessages.unreadMessageCounts[activityCardId];
    }
  }
  const tabs = [
    {
      icon: <span>,
      label: i18n.getString('call', currentLocale),
      path: 'recentCalls',
      isActive: path =&gt; path === 'recentCalls',
      view: (
        
      ),
      getData: () =&gt; {
        recentCalls.getCalls({ currentContact, sessionId });
      },
      cleanUp: () =&gt; recentCalls.cleanUpCalls({ contact: currentContact, sessionId })
    },</span>