sidebar hamburger menu

tailwindcss

Endless Lifecycle Support (ELS) for tailwindcss from TuxCare provides security fixes for tailwindcss versions that have reached their end of life. This allows you to continue running tailwindcss applications without vulnerability concerns, even after official support has ended.

Supported tailwindcss Versions

  • tailwindcss 2.1.1

Connection to ELS for tailwindcss Library

This guide outlines the steps needed to integrate the TuxCare ELS for the tailwindcss library.

Step 1: Get Token

You need a token in order to use TuxCare ELS tailwindcss library. Anonymous access is disabled. To receive the token, please contact sales@tuxcare.com.

Step 2: Set Up ELS for tailwindcss

TuxCare provides ELS for tailwindcss as an NPM package, hosted on a secure internal registry. Follow the steps below to add it to your project and get started.

  1. Navigate to the root directory of your tailwindcss project.

  2. Create a .npmrc file or update it if it already exists.

    Example:

    my-tailwindcss-project/
    ├── node_modules/
    ├── package.json
    ├── .npmrc         ⚠️ ← Create it here
    └── package-lock.json
    
  3. Use an editor of your choice (e.g., VS Code) to add the following registry address line:

    registry=https://registry.npmjs.org/
    @els-js:registry=https://nexus.repo.tuxcare.com/repository/els-js/
    //nexus.repo.tuxcare.com/repository/els-js/:_auth=${TOKEN}
    

    Replace ${TOKEN} with the token you received from sales@tuxcare.com.

  4. Update your package.json file to replace your tailwindcss dependencies with the TuxCare packages. You can do this in two ways:

    • Option 1: Manual update

      Manually update your package.json file by replacing your tailwindcss dependencies with the TuxCare packages. This method gives you full control over which packages to update.

      "dependencies": {
        "tailwindcss": "npm:@els-js/tailwindcss@>=2.1.1-tuxcare.1"
      },
      "overrides": {
        "tailwindcss@2.1.1": "npm:@els-js/tailwindcss@>=2.1.1-tuxcare.1"
      }
      
    • Option 2: TuxCare Patcher (Automated)

      Install the Patcher globally and run it. The TuxCare Patcher automatically detects the tailwindcss version in your package.json and updates your dependencies and overrides to use the corresponding TuxCare @els-js/* packages.

      npm install -g @els-js/tuxcare-patcher --userconfig ./.npmrc
      tuxcare-patch-js
      

      The patcher will update your package.json, for example, from:

      "dependencies": {
        "tailwindcss": "^2.1.1"
      }
      

      to:

      "dependencies": {
        "tailwindcss": "npm:@els-js/tailwindcss@>=2.1.1-tuxcare.1"
      },
      "overrides": {
        "tailwindcss@2.1.1": "npm:@els-js/tailwindcss@>=2.1.1-tuxcare.1"
      }
      
  5. You need to remove the node_modules directory and the package-lock.json file, and also clear the npm cache before installing the patched packages. Use the following commands:

    rm -rf node_modules package-lock.json && npm cache clean --force
    
  6. Run the following command to install the ELS version of the tailwindcss library (token for the TuxCare repository will be automatically picked up from your .npmrc file):

    npm install
    

Step 3: Verify Installation

  1. To confirm the TuxCare tailwindcss library is set up correctly, use npm to list the project's dependencies:

    npm list
    
  2. After reviewing the dependencies, run your application to ensure everything works correctly.

The npm tool should be able to identify and resolve dependencies from the TuxCare ELS for Tailwind CSS repository.

Vulnerability Exploitability eXchange (VEX)

VEX is a machine-readable format that tells you if a known vulnerability is actually exploitable in your product. It reduces false positives, helps prioritize real risks.

TuxCare provides VEX for tailwindcss ELS versions: security.tuxcare.com/vex/cyclonedx/els_lang_javascript/tailwindcss/.

How to Upgrade to a Newer Version of TuxCare Packages

If you have already installed a package with a tuxcare.1 suffix and want to upgrade to a newer release (for example, tuxcare.3), remove node_modules, clear the npm cache to avoid conflicts, and then run the installation command:

rm -rf node_modules package-lock.json && npm cache clean --force
npm install

Resolved CVEs

Fixes for the following vulnerabilities are available in ELS for tailwindcss from TuxCare versions:

CVE IDCVE TypeSeverityAffected LibrariesVulnerable Versions
CVE-2021-23382TransitiveHighpostcss< 7.0.36, >= 8.0.0 < 8.2.13
CVE-2023-44270TransitiveMediumpostcss< 8.4.31

If you are interested in the TuxCare Endless Lifecycle Support, contact sales@tuxcare.com.