scalars section in codegen.ts not effecting output types

[killjoy2013]

using https://countries.trevorblades.com/

with query

query MyCountries {
  countries {
    capital
    continent {
      code
    }
  }
}

with codegen.ts

import { CodegenConfig } from '@graphql-codegen/cli';

const config: CodegenConfig = {
  schema: 'https://countries.trevorblades.com/',
  documents: ['gql_definitions/**/*.graphql'],
  ignoreNoDocuments: true,
  generates: {
    'generated/graphql.ts': {
      plugins: ['typescript', 'typescript-operations', 'typescript-urql'],
      config: {
        namingConvention: {
          typeNames: 'change-case-all#pascalCase',
          transformUnderscore: true,
        },
        scalars: {
          String: 'string',
        },
      },
    },
  },
};

export default config;

Country type generated as ;

export type Country = {
  __typename?: 'Country';
  awsRegion: Scalars['String']['output'];
  capital?: Maybe<Scalars['String']['output']>;
  code: Scalars['ID']['output'];
  continent: Continent;
  currencies: Array<Scalars['String']['output']>;
  currency?: Maybe<Scalars['String']['output']>;
  emoji: Scalars['String']['output'];
  emojiU: Scalars['String']['output'];
  languages: Array<Language>;
  name: Scalars['String']['output'];
  native: Scalars['String']['output'];
  phone: Scalars['String']['output'];
  phones: Array<Scalars['String']['output']>;
  states: Array<State>;
  subdivisions: Array<Subdivision>;
};

why getting Scalars['String']['output'] instead of string ?

packages.json

 "@graphql-codegen/add": "~5.0.2",
    "@graphql-codegen/cli": "~5.0.3",
    "@graphql-codegen/client-preset": "~4.2.4",
    "@graphql-codegen/typescript": "~4.0.9",
    "@graphql-codegen/typescript-operations": "~4.2.3",
    "@graphql-codegen/typescript-resolvers": "~4.0.6",
    "@graphql-codegen/typescript-urql": "~4.0.0",