🐛(react) change most tertiary buttons to tertiary-text

Since the addition of tertiary-text variant, the original tertiary
variant has seen its background color changing from transparent to
greyscale-100, the change has impacted lots of components making
them look odd. So that's why I updated most of old tertiary to
tertiary-text.

Fixes #223

packages/react/src/components/Pagination/index.tsx

@@ -103,7 +103,7 @@ export const Pagination = ({
     <div className="c__pagination">
       <div className="c__pagination__list">
         <Button
-          color="tertiary"
+          color="tertiary-text"
           aria-label={t("components.pagination.previous_aria")}
           onClick={onPreviousClick}
           disabled={!canPrevious}
@@ -116,7 +116,7 @@ export const Pagination = ({
             {_page > (pageList[index - 1] || 0) + 1 && <span>...</span>}
             {_page === page ? (
               <Button
-                color="tertiary"
+                color="tertiary-text"
                 active={true}
                 aria-label={t("components.pagination.current_page_aria", {
                   page: _page,
@@ -127,7 +127,7 @@ export const Pagination = ({
               </Button>
             ) : (
               <Button
-                color="tertiary"
+                color="tertiary-text"
                 aria-label={t("components.pagination.goto_page_aria", {
                   page: _page,
                 })}
@@ -140,7 +140,7 @@ export const Pagination = ({
           </Fragment>
         ))}
         <Button
-          color="tertiary"
+          color="tertiary-text"
           aria-label={t("components.pagination.next_aria")}
           onClick={onNextClick}
           disabled={!canNext}